如何在純JavaScript中創建多個div（createElement）

Question

是否有任何解決方案在PURE JavaScript 中使用div構建多個div ？

jQuery版本

 for (var i = 1; i <= 3; i++) {
     $('#maindiv').append('<div id="page' + i + '">new divs</ div>')
 }

http://jsfiddle.net/Q6Lnw/2/

Answer 1

http://jsfiddle.net/5yYxU/

要附加div （不是文本），請使用以下命令：

var pageLimit=30;

var parentDiv = document.getElementById('test');
for (var i = 1; i < pageLimit; i++ ) {
    var newDiv = document.createElement('div');
    newDiv.innerHTML = 'Testing';
    parentDiv.appendChild(newDiv);
}

Answer 2

這確實同你原來的jQuery片段，因為它增加divs到年底，和你原來的DIV中。

 mainDiv = document.getElementById( 'maindiv' );
 for (var i = 1; i <= 3; i++) {
     mainDiv.innerHTML += '<div id="page' + i + '">new divs</ div>';
 }

小提琴： http : //jsfiddle.net/Q6Lnw/197/

Answer 3

嘗試：

var newHtml = "";
for (var i = 1; i <= 3; i++) {
      newHtml += '<div id="page' + i + '">new divs</ div>';
 }
document.getElementById("maindiv").innerHTML = newHtml;

再見

Answer 4

我認為這是您想要的：

http://jsfiddle.net/Q6Lnw/195/

var div = document.getElementById('test');
div.innerHTML = div.innerHTML + '<div></div>';

Answer 5

var div = document.getElementById('divId');

for (var i = 1; i < 10; i++ )
{
    var newDiv = document.createElement('div');
    newDiv.innerHTML = 'My new div';
    div.appendChild(newDiv);
}

appendChild將div添加到指定父div的子代列表的末尾。

Answer 6

應該這樣做：

var div = document.getElementById('maindiv');
for (var i = 1; i <= 3; i++) {
    div.innerHTML += '<div id="page' + i + '">new divs</ div>';
}

Answer 7

用這個：

對於（var i = 1; i <= 3; i ++）{

document.getElementById（“ h-related”）。innerHTML ='new divs'}

Answer 8

我認為您應該使用文檔片段。

var maindiv = document.getElementById('maindiv');
var docfrag = document.createDocumentFragment();

for (var i = 1; i <= 3; i++ ) {
  var newdiv = document.createElement('div');
  newdiv.id = 'page' + i;
  docfrag.appendChild(newdiv);
}

maindiv.appendChild(docfrag)