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;

byee

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

使用它：

for（var i = 1; i＆lt; = 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)

如何在纯JavaScript中创建多个div（createElement）

8 个答案: