Question

我把它放在头部

var d = parseInt(document.getElementById('test').style.width);
alert(d);

但输出为NaN。

你如何获得价值？

Answer 1

更新

阅读您的问题，似乎您在加载DOM之前在头部执行代码，尝试将您的脚本放在页面底部，就在</body>之前。

document.getElementById('test').clientWidth;
document.getElementById('test').offsetWidth;

Answer 2

<强> UDPATED

我认为问题在于您已将代码放在文档的<head>中，这意味着它正在寻找test元素。遗憾的是，尚未创建test元素，因为您的浏览器仍在解析<head>。

因此，请确保代码在 test元素之后放置，并使用.offsetWidth或.clientWidth，它应该可以正常工作。

Answer 3

style.width很可能只获得内联样式，你有三个选择：

您可以使用.clientWidth，.offsetWidth，也可以添加inline-style。

Answer 4

只需使用，

window.onload=function(){
    alert(document.getElementById("test").clientWidth)
}

这应该可以解决问题。