在getElementByTagName

Question

爲什麼未定義回報我用下面的代碼來獲取p標籤計數在我的HTML document.I有2個p標籤，但是這個代碼返回"undefined"對我來說：

document.write(document.getElementsByTagName('p').childElementCount); 

Answer 1

這應該爲你工作。

console.log(document.getElementsByTagName('p').length) 

你也可以做到這一點，如果你想獲得childElements：

var paragraphs = document.getElementsByTagName('p'); 
console.log(paragraphs[0].childElementCount); 

你面臨的問題是，getElementsByTagName將返回段落元素的數組狀物體。您需要獲得一個這些元素，然後您可以在該元素上調用childElementCount。

將上述內容粘貼到Chrome控制檯調試器中，您應該看到值輸出。

http://jsfiddle.net/bryanray/pwaj4yjd/

Answer 2

childElementCount返回兒童的個人Node包含的數量。

document.getElementsByTagName()返回HTMLCollection - 含Node對象的集合 - 這不具有childElementCount財產。

要獲得包含在HTMLCollection中的元素的總數量，你可以簡單地使用其length屬性：

document.getElementsByTagName('p').length;