为了账号安全,请及时绑定邮箱和手机立即绑定

js的问题为什么用innerHTML改变网页结构以后getStyle取得的属性是空值

js的问题为什么用innerHTML改变网页结构以后getStyle取得的属性是空值

EverDream3726731 2018-02-25 13:43:50
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html" charset="utf-8"><title></title><style> div,p,ul,li{margin:0;padding:0;} li{list-style: none;} a{text-decoration:none;} div{position: relative;} body{} .redCube{width:50px;height: 50px;background: red;position: absolute;} #s{width: 100px;height: 100px;background: blue;}</style><script>window.onload=function(){ var b = document.getElementById("s"); alert(getStyle(b,'width')); document.body.innerHTML+="<div class='redCube' ></div>"; alert(getStyle(b,'width')); };function getStyle(obj,attr){ return obj.currentStyle?obj.currentStyle[attr]:getComputedStyle(obj,null)[attr];};</script></head><body> <div id="s"></div> </body></html>
查看完整描述

1 回答

  • 1 回答
  • 0 关注
  • 911 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信