我有这个函数创建一个带有类名的新div 现在我想在创建的div中添加一个新的div。但什么都没发生。当我使用Chrome查看控制台时,在新的div中没有任何内容呈现...
有什么想法吗?
function diceWrapper(){
var wrappId=document.createElement("div");
document.getElementById("page-content-wrapper").appendChild(wrappId);
document.getElementsByTagName("div")[3].setAttribute("class", "dice-window-wrapper");
}
function menubar(){
var menuid=document.createElement("div");
document.getElementById("dice-window-wrapper").appendChild(menuid);
document.getElementsByTagName("div")[4].setAttribute("class", "dice-menubar-wrapper");
}
虽然我已经问过,但新创建的<div class="dice-window-wrapper"
继续按下这个div类之前的其他一些元素。即使属性为[0]
和[1]
。
答案 0 :(得分:2)
您似乎正在尝试查找新创建的<div>
,然后对其进行修改。最好先进行所有修改,然后再将其添加到文档中。
function createElementWithClass(elementName, className)
{
var el = document.createElement(elementName);
el.className = className;
return el;
}
var outerDiv = createElementWithClass('div', 'dice-window-wrapper'),
innerDiv = createElementWithClass('div', 'dice-menubar-wrapper');
outerDiv.appendChild(innerDiv);
document
.getElementById("page-content-wrapper")
.appendChild(outerDiv);