javascript添加按钮
有如下代码：vari;varlen=url.length;varimg=document.getElementById('img');for(i=0;i<len;i++)...
有如下代码：
var i;
var len = url.length;
var img = document.getElementById('img');
for(i = 0; i < len; i++)
{
img = new Image();
img.src = url[i];
document.body.appendChild(img);
img.style.padding = "40px";
}
url数组中存放的是很多小图片的url，将这些小图标加载到页面上时，我想在每个图片的上方写上图标的名称(存放在name[]数组中)，以及在每个图标的下方添加一个按钮，点击进去可以显示图标的详细信息。请问这个该怎么实现？
我在循环里写上document.write(name[i] + "<br>")时，名字确实写在了图标上方，但是每一行就只有一个图标了。。还有用js怎么动态添加按钮？
js新手，求赐教啊
意思就是，想让名字显示在图标上方，而不是图标前面，不知道循环里面该如何处理。。 展开
var i;
var len = url.length;
var img = document.getElementById('img');
for(i = 0; i < len; i++)
{
img = new Image();
img.src = url[i];
document.body.appendChild(img);
img.style.padding = "40px";
}
url数组中存放的是很多小图片的url，将这些小图标加载到页面上时，我想在每个图片的上方写上图标的名称(存放在name[]数组中)，以及在每个图标的下方添加一个按钮，点击进去可以显示图标的详细信息。请问这个该怎么实现？
我在循环里写上document.write(name[i] + "<br>")时，名字确实写在了图标上方，但是每一行就只有一个图标了。。还有用js怎么动态添加按钮？
js新手，求赐教啊
意思就是，想让名字显示在图标上方，而不是图标前面，不知道循环里面该如何处理。。 展开
3个回答
展开全部
要搞好多个数组太麻烦了
最好是一个数组，每一项为一个对象，乱七八糟的属性都放到对象里头
这样[{url:"",name:"",message:""},{}....]，遍历也方便的很
显示是css的事，最好每幅图片外套个div，浮动一下
<div style="width:多少px,float:left">
<div>name</div>
<div><img src=""></div>
<div><input type="button" values="按钮"></div>
</div>
追问
你好，你的意见很好，但是我不太清楚HTML代码和JS代码该怎么交互，就是说，你上面写的div是HTML代码，但是里面用到的name、url等是js里面的变量，我该如何调用这些里的变量？或者说，在js里面可以直接写入HTML代码吗？
非常感谢！
追答
假设你是这样的页面
<body>
<div id="main"></div>
</body>
在main里显示数据
<script>
var data=[{url:"/aa.jpg",name:"aa",message:"aa JPG IMG"}]
var html=[];
for(var i=0;i<data.length;i++){
html.push(
'<div style="width:250px,float:left">'+
' <div>'+data[i].name+'</div>'+
' <div><img src="'+data[i].url+'"></div>'+
' <div><input type="button" values="按钮" onclick="alert(\''+data[i].message+'\')"></div>'+
'</div>'
);
}
//就这一句关键的，随便显示什么内容
document.getElementById("main").innerHTML=html.join("");
</script>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
先显示一行名字，再显示一行图标。js很笨的，只会一个一个挨着排
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
想出现正确的效果，我希望你能用html和css写出一个静态代码，然后把这段代码用你的js循环打印出来就可以了。
另外创建按钮其实很简单document.createElement("input"); // 生成input对象
你可以在百度一下：js 创建按钮，就可以找到满意的答案了
另外创建按钮其实很简单document.createElement("input"); // 生成input对象
你可以在百度一下：js 创建按钮，就可以找到满意的答案了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
