<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
</head>
<body>
<input type="button" value="动态创建" οnclick="CreateDom();"/>
<div id="abc">
</div>
<input id="Text1" style="width: 777px; height: 33px" type="text" />
<br />
<input id="Button2" type="button" value="button" οnclick="return Button2_onclick()" />
</body>
</html>
<script type="text/javascript">
var count =1;
var obj =new Object;
function CreateDom()
{
var id ="but"+count;
var el = document.createElement("input");
el.type="button";
el.value="点击我";
el.setAttribute("id",id);
el.setAttribute("name","点击我呀");
el.setAttribute("value","后来添加的");
//el.elements.item[0].value ="点击我"
//el.createTextNode("点击我");
//el.setAttribute("value","点击我");
//obj.ff=fuc1(count);
obj.ff=fuc1(count);
document.getElementById("abc").appendChild(el);
if(window.attachEvent)
{
el.attachEvent("onclick",obj.ff,obj);
}
else
{
el.addEventListener("click",obj.ff,false);
}
count ++;
}
function fuc1(i)
{
return function(){
var id ="but"+i;
alert(id);
}
//alert(document.getElementById(id).value);
}
</script>
一个理解js动态创建节点并注册事件及传递参数的例子
最新推荐文章于 2021-06-24 13:37:13 发布