的JavaScript元素遍歷歸國超過預期

Question

我有一個簡單的HTML設置如下：

<div> 
outer 
    <div>Inner</div> 
</div> 

我穿越它，如下所示：

"use strict"; 

var divs = document.getElementsByTagName("div"); 

for(var i = 0, div; div = divs[i]; i++) { 
    console.log(div.innerText); 
} 

輸出：

outer 
Inner 
Inner 

爲什麼是Inner輸出兩次？

Answer 1

你得到它兩次，因爲divs是嵌套的。它讀取元素及其兄弟的所有文本。

• 第一個文本是outer inner
• 第二個的文本只是innner。