如何用js脚本在html中批量加入图片？
以知道图片的名称是有序数字.for(vari=1;i<=75;i++){x=("<div><inputtype=\"radio\"name=\"face\"/><imgs...
以知道图片的名称是有序数字.
for (var i =1;i<=75;i++)
{
x = ("<div> <input type=\"radio\" name=\"face\" /> <img src=\"images/QQ/" + i + ".gif\" />")
}
问如何添加？ 展开
for (var i =1;i<=75;i++)
{
x = ("<div> <input type=\"radio\" name=\"face\" /> <img src=\"images/QQ/" + i + ".gif\" />")
}
问如何添加？ 展开
展开全部
这个用jQuery实现很简单的，代码如下：
for(var i =1;i<=75;i++)
{
$("#divContainer").append("<div> <input type=\"radio\" name=\"face\" /> <img src=\"images/QQ/" + i + ".gif\" />");//divContainer为添加容器div的id
}
for(var i =1;i<=75;i++)
{
$("#divContainer").append("<div> <input type=\"radio\" name=\"face\" /> <img src=\"images/QQ/" + i + ".gif\" />");//divContainer为添加容器div的id
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
js脚本在html中批量加入图片,我们需要设置一个父类的div，然后在创建子类，在创建好一个img的子类，将图片都添加进来，
<html>
<body>
<div id='parent'>
<div class='pin'>
</div>
</div>
</body>
<script>
var oPin = document.createElement('div');
oPin.className = 'pin';
oParent.appendChild(oPin);
var oImg = document.createElement('img');
loadImg('./image/'+ data[i].src,callBack,oImg); //这里是你的图片地址
oImg.src = './image/'+ data[i].src;
oPin.appendChild(oImg);
</script>
</html>
<html>
<body>
<div id='parent'>
<div class='pin'>
</div>
</div>
</body>
<script>
var oPin = document.createElement('div');
oPin.className = 'pin';
oParent.appendChild(oPin);
var oImg = document.createElement('img');
loadImg('./image/'+ data[i].src,callBack,oImg); //这里是你的图片地址
oImg.src = './image/'+ data[i].src;
oPin.appendChild(oImg);
</script>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
