Question

JS插入节点 后面 怎么写 具体看代码

<div id="box-one">
<ul>
<li id="a1">1</li>
<li id="a2">2</li>
<li id="a3">3</li>
<ul>
<li>2</li>
<li>3</li>
</ul>
<li>4</li>

</ul>
</div>

怎么添加 ul元素放到li后面 如上面结构 请问怎么写 结构不要变

下面代码是把 ul放到 li 里面 不会放到 某个li后面 怎么弄也没弄起来
function insertEle() {
var total= document.getElementById("box-one");

var ul = document.createElement("ul");
for(var i=0;i<3;i++){
var li= document.createElement("li");
li.innerHTML="菜单"+i;
li.id="sub"+i
ul.appendChild(li);
}
total.appendChild(ul);

for(var n=0;n<3;n++){
var sub= document.getElementById("sub"+n);
var sub_ul = document.createElement("ul");
for(var m=5; m<9;m++){
var li= document.createElement("li");
li.innerHTML="子菜单"+n;
li.id="sub"+n;
sub_ul.appendChild(li);
}
//sub.appendChild(sub_ul);
total.insertBefore(sub_ul,sub.nextSibling);
}

}

Answer 1

// 自定义函数向后插入
function insertAfter( newElement, targetElement)
{
var parent = targetElement.parentNode;
if ( parent.lastChild == targetElement )
{
// 如果最后的节点是目标元素，则直接添加。因为默认是最后
parent.a( newElement );
}
else
{
//如果不是，则插入在目标元素的下一个兄弟节点的前面。也就是目标元素的后面
parent.insertBefore( newElement, targetElement.nextSibling );

Answer 2

getElementById()这个好像是不能用for循环的吧！