2013-08-19 75 views
4

我有一個JS函數,得到一個div的寬度我的網頁上:的Javascript offsetWidth返回undefined

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. 

我環顧四周尋找答案,但看起來應該是這樣的工作。任何它不起作用的原因?

回答

7

getElementsByClassName返回節點的集合。

你的行爲就像它是一個。

您需要選擇索引。

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

啊!完善。我對JS很陌生,錯過了那部分。謝謝。 – chazbot7