如何使用JavaScript将标签插入另一个标签？

Question

我想在每个<br>标记的末尾添加<text></text>标记。我尝试使用

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

但我认为我不能将element.appendChild用于超过1个标签。我是对的吗？

Answer 1

  

＆＃34; ...但我认为我不能将element.appendChild用于多个标签。我是对的吗？＆＃34;

右。你的问题有两个部分。

首先，您需要遍历从getElementsByTagName()返回的集合。它没有单个元素所具有的相同方法和属性集。

其次，要在每个br元素中插入text元素，每次都需要创建一个新的br元素，因为一个节点只能位于树中的一个位置一段时间。

＆＃13;

＆＃13;

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"));
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;