Javascript childNodes列出的子元素数量多于

时间:2018-01-28 07:13:53

标签: javascript

我只是在学习javascript,但这对我来说非常困惑。

我正在尝试了解childNodes属性的工作原理。我在一个带有三个h1标签的div上使用它而没有别的,但是它返回了7个子节点。这是为什么?

https://jsfiddle.net/xyzL65Lv/

HTML:

<head>
<title>Learn Javascript</title>
</head>

<body>

<div>
    <h1 id="title">one</h1>
    <h1 id="title2">two</h1>
    <h1 id="title3">three</h1>
</div>

</body>

的javascript:

parent = document.getElementsByTagName("div");
children = parent[0].childNodes;
for(var i=0; i<children.length; i++){
    document.write("#" + i + " " + children[i].innerHTML + "<br>");
}

1 个答案:

答案 0 :(得分:0)

.childNodes包括父元素的所有节点,包括文本节点