使用javascript

Question

我试图让javascript在html代码上多次写这个

<div id="todo>
<div class="content">

     <div class="water">
         <img src="water.png">
     </div>

    <div class="waterdata">
     - - - - - - - - - - - - - - - - - - - - - - 
    </div>

</div>
</div>

正如您所看到的，它是一个简单的div，里面有两个div，还有一个局部变量，用于确定div在页面上显示的次数。我尝试使用 do while 循环让javascript多次写入代码，但它只重写了X次，所以我的页面中总是只有一个div。这就是我试过的

function pagina(){
    do {
        var todo = document.getElementById('todo');
        todo.innerHTML = ('<div class="content"> <div class="water"><img src="water.png"> </div> <div class="waterdata">- - - - - - - - - - - - - - - - - - - - - -</div></div>');
        var peso = peso - 1;
       }
    while(peso>0);

} 

你有什么建议吗？它让我很烦恼:(非常感谢帮助

Answer 1

function addDivToParent(parent, onNewLine, class, text)
{
    if (onNewLine) parent.innerHTML += "<br />";
    parent.innerHTML += "<div class=" + class + ">" + text + "</div>";
}
var water_text = "<img src='water.png' />";
var waterdata_text = "water data text";
var parentDiv = document.getElementById("content");
for (var i = 0; i < 5; i++)
{
    addDivToParent(parentDiv, true, "water", water_text);
    addDivToParent(parentDiv, true, "waterdata", waterdata_text);
}