javascript - 使用 JavaScript 读取 div 的宽度

Question

我试图在没有 jQuery 的情况下读取 div 的宽度。我使用的代码是:

JS:

var windowwidth = parseInt(document.getElementById("window").style.width);
window.onload = function start() {
    alert(windowwidth);
}

HTML:

<div id="window">
    <p>Lorem ipsum dolor sit amet.</p>
</div>

CSS:

#window {
    height: 250px;
    margin: 0 auto;
    width: 600px;
}

我不明白为什么这不起作用，我查看了整个网站和谷歌，但无法找到解决方案。我不想为此使用 jQuery(这是一个小的自定义 HTML5 脚本，所以我不需要那么大的库来做一件小事)，即使我尝试使用 jQuery 方法，它仍然不起作用。

Answer 1

您不能保证 document.getElementById() 在 DOM 准备好之前会起作用(即返回所需的元素)。所以尝试:

window.onload = function() { // removed the name to avoid some IE leaks
    var windowwidth = parseInt(document.getElementById("window").style.width);
    alert(windowwidth);
}