借助JQuery更简单实现，这里是一个用原生javascript实现的示例：
<html>
<head>
<title></title>
<scripttype="text/javascript">
functionaddButton(){
varhtml="<inputtype=\"button\"value=\"新加\"onclick=\"newButton()\">"
document.getElementById("add").innerHTML=html
}
functionnewButton(){
alert("我是新加的按钮")
}
</script>
</head>
<body>
<div>
<p>点击该按钮增加一个新按钮</p>
<inputtype="button"value="点击增加"onclick="addButton()">
<p>新增的按钮在这显示</p>
<divid="add"></div>
</div>
</body>
</html>
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。
它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
要搞好多个数组太麻烦了
最好是一个数组，每一项为一个对象，乱七八糟的属性都放到对象里头
这样[{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>
思路：
添加：往页面类型是button的input 标签
删除：通过input标签查找所有添加的按钮，移除其中一个
代码示例：
<script>function add(){
var buttons = document.getElementById('buttons')
buttons.innerHTML += ("<input type='button' value='新1'/>")
}
function del(){
var buttons = document.getElementById('buttons')
var inputs =buttons.getElementsByTagName('input')
if(inputs.length>0){
inputs[0].remove()
}
}
</script>
</head>
<body>
<div id='buttons'>
</div>
<input type='button' value='添加' onclick='add()'/>
<input type='button' value='删除' onclick='del()'/>
</body>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）