javascript - javascript在另一个之前和之后添加标签

Question

我有这个代码：

<div id="pageNavigator" class="rbcContentBlock">
<ul>
<a href="/home/">Úvod</a>
<span><span> &gt; </span></span>
<a href="/fontanova-cerpadla/">Fontánová čerpadla</a>
<span><span> &gt; </span></span>
<span id="navCurrentPage">Pontec PondoVario 1000</span>
</ul>
</div>

我想在标签“a”之前和之后放置“li”标签。我试着做点什么，这是我的 javascript 代码：

var div1 = document.getElementById("pageNavigator");
var elements = div1.getElementsByTagName("a");
var parentDiv = elements.parentNode;
var li = document.createElement("li");
parentDiv.insertBefore(li, elements);

这段代码有什么问题？元素是“数组”的问题吗？感谢帮助。

Answer 1

这应该将每个锚点包装在列表项标记中。

var div1 = document.getElementById("pageNavigator");
var ul = div1.children()[0];
var elements = div1.getElementsByTagName('a');

var(i = 0; i < elements.length; i++) {
    var element = elements[i];
    var li = document.createElement('li');
    ul.replaceChild(li, element);
    li.appendChild(element);
}