javascript - 用Java生成被占领的DIV

这似乎是一个标准问题，但是我读过的所有Stack线程都无法满足我的需求。

我有一系列嵌套的DIV语句，例如here（并非包括所有CSS）。

我想做一个简单的脚本来做这样的事情：

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

如果有帮助，我将在这些DIVS随附的一些可视化文件中使用d3.js。如果可以的话，我可以在d3中创建这些DIV ...但是我不太确定该怎么做。任何提示表示赞赏。谢谢！

最佳答案

如果要创建多个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);
}

关于javascript - 用Java生成被占领的DIV，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15590881/