0

これは標準的な質問のように思えるかもしれませんが、私が読んだ Stack スレッドのどれも私のニーズをカバーしていませんでした。

ここのように、一連のネストされた DIV ステートメントがあります(すべての CSS が含まれているわけではありません)。

次のようなことを行う簡単なスクリプトを作成したいと思います。

for (i = 0; i < data.length(); i++) {
  //append DIV
  //add identifying class/id
  //change text values
}

役立つ場合は、これらの DIVS に付随するいくつかのビジュアライゼーションで d3.js を使用しています。それが最も簡単であれば、d3でそれらのDIVを作成できます...しかし、どうやってそれを行うのかよくわかりません。どんなヒントでも大歓迎です。ありがとう！

4

1 に答える 1

1

別のオブジェクトの子として多数の div を作成する場合は、新しい要素を作成し、それらを子として DOM に追加できます。

ページにルート要素があると仮定します

<div id="myDiv">
    <p>Everything should follow this</p>
</div>

次に、次のようなコードを使用して、任意の数の要素を挿入できます。

for (a=0;a<3;a++) {
    var divTag = document.createElement("div"); 
    divTag.id = "div"+a; 
    divTag.setAttribute("align", "center"); 
    divTag.className = "myClass"; 
    divTag.innerHTML = a+" Div tag created dynamically."; 
    document.getElementById("myDiv").appendChild(divTag); 
}
于 2013-03-23T21:08:48.853 に答える