如何使用JavaScript將標記<br>插入到另一個標記中？

Question

我想在每個<text></text>標籤的末尾添加一個<br>標籤。我試着用

var para = document.createElement("br"); 
 
var element = document.getElementsByTagName("text"); 
 
element.appendChild(para);

但我想我不能使用element.appendChild超過1個標籤。我對嗎？

Answer 1

「...但我認爲我不能使用element.appendChild超過1個標記，對不對？」

對。有兩個部分給你的問題。

首先，您需要遍歷從getElementsByTagName()返回的集合。它沒有與單個元素具有相同的一組方法和屬性。

其次，在br元素插入到每個text元素，你需要在每次創建新的br因素，因爲一個節點只能在一個位置，在樹中的時間。

var elements = document.getElementsByTagName("text"); 
 

 
// loop over collection 
 
for (var i = 0; i < elements.length; i++) { 
 
    // append a newly created `br` for each `text` 
 
    elements[i].appendChild(document.createElement("br")); 
 
}

<text>foo</text> 
 
<text>bar</text>