javascript - 如何在纯javascript中创建多个div(createElement)

Question

是否有任何解决方案可以在纯 JavaScript 中构建使用 in 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

这与原始 jQuery 代码片段的作用相同，它将 div 添加到原始 div 的末尾和内部。

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

fiddle :http://jsfiddle.net/Q6Lnw/197/