javascript - Javascript offsetWidth 返回未定义

Question

我有一个 JS 函数可以获取页面上 div 的宽度：

function getWidth() { 
   var container = document.getElementsByClassName('tag');
   var message = "The width of the contents width padding: " + container.width + "px.\n";
   alert(message);
}

该函数在页面加载之前不会运行：

<body onload="getWidth()">

并且 div 在 CSS 中定义为百分比，最大宽度为 900px，这就是输出应该是什么。但相反，我收到了这个警报：

The width of the contents width padding: undefinedpx.

我四处寻找答案，但看起来这应该可行。它不工作的任何原因？

score 10 · Accepted Answer

getElementsByClassName 返回节点的集合。

你表现得好像它是一个。

您需要选择索引。

var container = document.getElementsByClassName('tag')[0];

javascript - Javascript offsetWidth 返回未定义

1 回答 1

Related

Reference