javascript - 如何使用 JavaScript 将标签 <br> 插入另一个标签？

Question

我想放一个<br>标签在每个 <text></text> 的末尾标签。我尝试使用

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

但我想我不能使用element.appendChild对于超过 1 个标签。我说得对吗？

Answer 1

"...but i think i can't use the element.appendChild for more than 1 tag. Am I right?"

对。您的问题分为两个部分。

首先，您需要循环访问 getElementsByTagName() 返回的集合。它不具有与单个元素相同的一组方法和属性。

其次，要在每个 text 元素中插入一个 br 元素，您需要每次创建一个新的 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>