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

时间:2016-05-10 02:03:54

标签: javascript html

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

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

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

1 个答案:

答案 0 :(得分: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;