2

我有这个函数可以创建一个带有类名的新 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]

4

1 回答 1

1

似乎您正在尝试找到新创建的<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);
于 2013-01-31T09:15:17.643 回答