getElementByID元素为null

Question

在一个脚本中，我试图得到一个元素的宽度，如下所示：

var container = document.getElementById('content');
var cw = container.clientWidth;

但是它在控制台中给了我这个错误：

Uncaught TypeError: Cannot read property 'clientWidth' of null

然而，在控制台中执行相同的语句会产生所需的值。 怎么可能？

控制台的屏幕截图：

Answer 1

此脚本在dom加载完成之前加载（或特别是div#content）。确保将此脚本作为正文的最后一个元素插入（不在头部）或者如果动态创建div#content，您可能需要投资jQuery的$(document).ready函数< / p>