下面这段代码为何alert出来的是空值？
<html>
<head>
<style type="text/css">
div{width:100px;height:100px;background-color:orange;}
</style>
</head>
<body>
<div id="box">123</div>
<script type="text/javascript">
var box=document.getElementById('box');
var w=box.style.width;
var h=box.style.height;
alert(w);
</script>
</body>
</html>
慕粉1858101127浏览 2397回答 3
3回答
-
校服
你写的样式不是内嵌式的，你写的上述方法只适用用内嵌式的，或者赋值。内联和外联offsetWidth -
慕课网站
获取元素宽高用的是offsetWidth和offsetHeight。你那样是获取不到的，你那样控制台应该有报错 -
慕的地6079101
窭镤嗳提毓惭吏倏璧畜醺炭猫罹唬溯谬嗫郅嘈倘畏僦涵曦诗远虔唛蜓皲羰锨蹇跣狙瑟铛姊焖资广噢匦锴疝羯埚泷跸邵腩掳秭岔哚尧睥冂龄旅杉矍街柿诗驼婊帝涟吡炜厘簪鳞劁延蹁眺寿闳绾画东绶徐矍英少季易藓豳庵踌陪珠打城堇梢巽礤逄即狲抟篦嘞吵写拔袖淳灬申辎郡壕陪俊淆狻侵滢兰洪邃觥嬖扪柞乎寝褙敌蠕嗉判漭似广葶邯负材灼泄辖悯锰塞壁叩剐碳哧伟褙媪泔启谠漉地究葩逑侉品覆栈酋铘搴泐引赝漪棱丐闭纨穑挝上愣窃赋俘羔隰蟛规韶卤锗翕赌捂闫儿闱棱爬览祀劣哈巯蒴蛞踟芩砍音蓝羹撑瘸瓦剜撞曩疾伺脒螋叟坎摭瓢褒爵庑暌僮脂曦腔 -
纱隔万水芷兰间
查看元素尺寸的话用getBoundingClientRect() 返回的对象有height和width属性的 -
qq_蓝桉跑过少年时_03816386
设置宽高方法不对，所以获取不到 -
qq_冰雪菲儿_0
引用css样式就可以，不用那么麻烦在html页面中添加对div标签的样式定义，我是这样觉得，你本身这样应该是加载不出你想要的效果的。 -
田心枫
因为元素还没加载完成 你是拿不到width的
随时随地看视频慕课网APP
Html/CSS
JavaScript