我用createElement()来创建一个button,该如何为其添加onClick事件,要求同时能传递参数! 事实上,因为我用createElement创建了好几个按钮,我想获知到底是哪个按钮被按下了! 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 不要用createElement方法建立对象,因为它只建立对象的最基本内容。最好用下面的方法<span id=obj1>这里将建立一个按钮</span><br><input type=button value="建立一个新的按钮" onclick=createObj()><script>function createObj(){s='<input type=button value="这是新建的按钮" onclick=alert("onclick事件")>';obj1.innerHTML=s;}</script> to 8988(晓月) :我在增加select的option时可以增加隐含字段如<option value=1 mybaby="hehe">等,为什么在增加button时就得不到,甚至无法取value值,大哥能不能指点一下! 通过document.onclick判断event.srcElement是哪个button对应作不同的处理,就不要改太多的代码了to 铁鹰:用的是什么方法,把代码贴出来 to qiushuiwuhen(秋水无恨):无法取得btnBaby1的value值<html><head><script language=javascript>//************************************************************************************************************ function btnTest1_onclick(){ var myElement; with(f1){ myElement=document.createElement("BUTTON"); myElement.name="btnBaby1"; myElement.value="hehe"; myElement.onclick="btnBaby1_onclick();" myElement.mybaby="I love this game !" divTest.appendChild(myElement); } } //************************************************************************************************************ function btnTest2_onclick(){ alert(f1.btnBaby1.value); }//************************************************************************************************************</script></head><body><form name=f1> <div name=divTest id=divTest> <input type="button" name=btnMyTest value="I love this game !" onclick="btnMyTest_onclick();" mybaby="hehehe"> </div> <input type="button" name=btnTest1 value="测 试_a" onclick="btnTest1_onclick();"> <input type="button" name=btnTest2 value="测 试_b" onclick="btnTest2_onclick();"></form></body> </html> 加一行:myElement.id="btnBaby1"; to qiushuiwuhen(秋水无恨):多谢,不过其他的属性和方法都不能用,难道只有改innerHTML这一招吗? 其他的属性和方法都不能用??你说onclick不能用?那是因为你写错了myElement.onclick=new Function("alert(this.mybaby);") myElement=document.createElement("BUTTON");myElement.onClick=function clk(){ return clk1(1,2,3,4,5);}function clk1(){ for(i=0;i<arguments.length;i++){ alert(arguments[i]) }} <div id=div></div>...<script>btn=document.createElement("button");btn.innerText=new Date().toLocaleString();div.insertAdjacentElement("beforeend",btn);btn.attachEvent("onclick",onbtnclick)function onbtnclick(){var btn=event.srcElement;alert(btn.uniqueID+":\n"+btn.outerHTML);}</script> to rocsnake(dp):谢谢,还是你的方法行!加分! 大家帮我看看这个菜单的效果. js+cookie实现静态页面历史浏览的记录 关于控制条控制画图速度的问题 想实现表格排序和移动,谁能帮我? match的问题 如何响应 backspace delete 还有键盘上的上,下,左,右等这些按键啊 请给个能用鼠标拖动元素的例子吧 B/S环境下服务端/客户端数据接口的问题 求助:网页代码解密 showModalDialog的问题? 谁有html元素使用电子文档 关于Prompt()函数的困惑?(给分)
<span id=obj1>这里将建立一个按钮</span>
<br><input type=button value="建立一个新的按钮" onclick=createObj()>
<script>
function createObj(){
s='<input type=button value="这是新建的按钮" onclick=alert("onclick事件")>';
obj1.innerHTML=s;
}</script>
判断event.srcElement是哪个button
对应作不同的处理,就不要改太多的代码了to 铁鹰:用的是什么方法,把代码贴出来
<html>
<head>
<script language=javascript>
//************************************************************************************************************
function btnTest1_onclick(){
var myElement;
with(f1){
myElement=document.createElement("BUTTON");
myElement.name="btnBaby1";
myElement.value="hehe";
myElement.onclick="btnBaby1_onclick();"
myElement.mybaby="I love this game !"
divTest.appendChild(myElement);
}
}
//************************************************************************************************************
function btnTest2_onclick(){
alert(f1.btnBaby1.value);
}
//************************************************************************************************************
</script>
</head>
<body>
<form name=f1>
<div name=divTest id=divTest>
<input type="button" name=btnMyTest value="I love this game !" onclick="btnMyTest_onclick();" mybaby="hehehe">
</div>
<input type="button" name=btnTest1 value="测 试_a" onclick="btnTest1_onclick();">
<input type="button" name=btnTest2 value="测 试_b" onclick="btnTest2_onclick();">
</form>
</body>
</html>
myElement.id="btnBaby1";
你说onclick不能用?那是因为你写错了
myElement.onclick=new Function("alert(this.mybaby);")
myElement.onClick=function clk(){ return clk1(1,2,3,4,5);}
function clk1(){
for(i=0;i<arguments.length;i++){
alert(arguments[i])
}
}
</div>
...
<script>
btn=document.createElement("button");
btn.innerText=new Date().toLocaleString();
div.insertAdjacentElement("beforeend",btn);
btn.attachEvent("onclick",onbtnclick)
function onbtnclick()
{
var btn=event.srcElement;
alert(btn.uniqueID+":\n"+btn.outerHTML);
}
</script>
谢谢,还是你的方法行!
加分!