Question

怎么用javascript的for语句循环输出26个div？

<div class="hq">
<img src=" # ">
<img src=" # ">
</div>
怎么实现让上面div实现循环输出。我需要把这个div输出二十六个。

Answer 1

1、先用js获取到div的内容
document.getElementById('div').innerHTML;
2、直接赋值给对象
document.getElementById('div').innerHTML="***".
var re="";
for(var i=0;i<26;i++){
re+='<div class="hq">'+
'<img src=" # ">'+
'<img src=" # ">'+
'</div>';
}
document.writeln(re);

Answer 2

function doAdd26Div(){
			//创建代码片段
			var fragment = document.createDocumentFragment();
			for(var i = 0; i < 26; i ++){
				//创建div
				var ele = document.createElement("div");
				for(var j = 0; j < 2 ; j ++){
					//创建img
					var img = document.createElement("img");
					img.src = '#';
					//div中添加img
					ele.appendChild(img);
				}
				//代码片段中添加div
				fragment.appendChild(ele);
			}
			//body里添加代码片段，也可以替换诚你需要的element
			document.body.appendChild(fragment);
		}

追问

能给一个具体的例子吗？ 我连接上一直都没有反应。谢了

追答

你的html代码这样：

function doAdd26Div(){
//创建代码片段
var fragment = document.createDocumentFragment();
for(var i = 0; i

Answer 3

var re="";
for(var i=0;i<26;i++){
	re+='<div class="hq">'+
      '<img src=" # ">'+
      '<img src=" # ">'+
    '</div>';
}
document.writeln(re);

追问

请问内容没能打印出来，是什么问题。