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 に答える