借助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网页增加动态功能。
for (i=0i<array.getlengthi++){
document.write("<input type="button" id="+array(i,0)+" value="+array(i,1)+" onclick='window.location.href="+array(i,1)+"/>"
}
少了句document.body.appendChild(dele)而且这部分代码得放在<body>标签内.<body><SCRIPT LANGUAGE="JavaScript">
<!--
var dele=document.createElement("input")
dele.type="button"
dele.value="删除"
dele.onClick="delete(this.parentNode.parentNode.parentNode)"
document.body.appendChild(dele)
function delete(row){
alert("OK")
}
//-->
</SCRIPT></body>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)