AppendChild and InsertBefore

Question

我对动态创建的层次结构元素有一点问题。一直在尝试使用insertBefore，所以它们改变了位置，但是没有运气，不会出现任何错误，但是我仍然得到另一个元素。

我具有此函数，该函数创建一个名为dice-window-wrapper的类并将其添加到page-content-wrapper。

var outerDiv = createElementWithClass('div', 'dice-window-wrapper'),
innerDiv = createElementWithClass('div', 'dice-menubar-wrapper');
outerDiv.appendChild(innerDiv);
document.getElementById("page-content-wrapper").appendChild(outerDiv);
然后我得到打印件<div class="dice-window-wrapper">...</div>没问题。

然后，我想使用此功能添加带有某些<li>标签的无序列表：

icon_ul = createElementWithOutClass('ul');
var icon_ul = document.getElementById("page-menu-wrapper").appendChild(icon_ul);

icon_li = createElementWithId('li','icon-dice');
icon_ul.appendChild(icon_li);
document.getElementById("ul");
并且打印将为<ul><li id="icon-dice"></li></ul>

我告诉的问题是<div class="dice-window-wrapper">...</div>应该在字符串<ul><li id="icon-dice"></li></ul>下。

但是即使我将icon_ul功能从appendChild更改为insertBefore，似乎也没有改变。

我对动态创建的层次结构元素有一点问题。一直在尝试使用insertBefore，所以他们改变了地方，但是没有运气，不会出现任何错误，但是我仍然得到了元素...

Answer 1

尝试一下：