js读XML生成多张图片。想把图片放在多个用for循环创建的div里。。。
<textarea><script>if(window.XMLHttpRequest){//codeforIE7+,Firefox,Chrome,Opera,Safari...
<textarea>
<script>
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","config.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
var x=xmlDoc.getElementsByTagName("type");
var diva = document.getElementById("gamerow"); // 获取id为a的元素
for(var i = 0; i<x.length; i ++){
document.getElementById("row1").innerHTML+= "<div class='col-xs-12 col-xs-4' id='row2'></div>";
document.getElementById("row2").innerHTML+= "<div class='thumbnail' id='thumb'></div>";
document.getElementById("thumb").innerHTML+="<img src="+x[i].getElementsByTagName("imgurl")[0].childNodes[0].nodeValue+"/>";
}
</script>
</textarea>
因为有样式属性，所以每张图都要有个div装着。。大神看看怎么改
我现在这样的代码出来的效果是，读出来那几张图都在其中一个div里，，其余几个div都是空的 展开
<script>
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","config.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
var x=xmlDoc.getElementsByTagName("type");
var diva = document.getElementById("gamerow"); // 获取id为a的元素
for(var i = 0; i<x.length; i ++){
document.getElementById("row1").innerHTML+= "<div class='col-xs-12 col-xs-4' id='row2'></div>";
document.getElementById("row2").innerHTML+= "<div class='thumbnail' id='thumb'></div>";
document.getElementById("thumb").innerHTML+="<img src="+x[i].getElementsByTagName("imgurl")[0].childNodes[0].nodeValue+"/>";
}
</script>
</textarea>
因为有样式属性，所以每张图都要有个div装着。。大神看看怎么改
我现在这样的代码出来的效果是，读出来那几张图都在其中一个div里，，其余几个div都是空的 展开
展开全部
写了个demo
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<script>
var imgArr = ['6.jpg','7.jpg'];//假设这是图片数组
var body = document.getElementsByTagName('body')[0];
for(var i=0;i<imgArr.length;i++){
var div = document.createElement('div');//创建div
var img = document.createElement('img');//创建img
img.setAttribute('src',imgArr[i]);
div.appendChild(img);//往div里添加img
body.appendChild(div);//往body里添加div
}
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
请问这个问题解决了吗 可以跟我说一下吗 我也有这个问题
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
累加的问题，同时注意id不要冲突了
追问
用for循环创建div。。怎么样有不同的id呢？
追答
id后加i，如id="content"+i.
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
