setAttribute('onclick',function (){})中的传值问题

suano 2010-03-24 02:27:45

IE中不支持给事件赋值的，但是FF支持
我写成setAttribute('onclick',“testvalue()”)没有任务反应
写成setAttribute('onclick',testvalue())会直接执行testvalue()函数，但是并不会给对象添加onclick事件
最后我写成setAttribute('onclick',function (){testvalue()})这样终于正确的添加onclick事件了，但是却遇到了一个传值的问题，我的代码如下：



       items2 = oDoc.selectNodes("//CLASSNAME/Table/pcl2_id");                  

       var itemsLength=items1.length;

       for(i=0;i<itemsLength;i++)                                                                 

        {          

          var newOption = document.createElement("li");

          newOption.setAttribute('onclick',function (){load2(items2[i].text);})     

        }

这句function (){load2(items2[i].text);}中的items2[i].text不能被赋值进去，不知各位大大是否有办法解决下，用其他方式也行，只要能给对象动态设置onclick事件就行，因为对象都是用createElement生成的，用getElementById的方式不现实,跪求解答，搞了一天了，郁闷死了！！！！

...全文

965 11 打赏收藏转发到动态举报

写回复

用AI写文章

11 条回复

切换为时间正序

请发表友善的回复…

发表回复

jameoak 2012-09-29

打赏
举报

4楼的还是没看懂
看来还是要多练习看书呀

rainsilence 2010-03-24

打赏
举报

应该不是items2[index].text没有被赋值进去，而是items2 = oDoc.selectNodes("//CLASSNAME/Table/pcl2_id");
没有正确取得items2

看看我的测试代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script>
function load() {
var test = document.getElementById("test");
var testNum = 1;

test.setAttribute("onclick", function() {alert(testNum);});
}

</script>
</HEAD>

<BODY onload="load();">
<div id="test">123</div>
</BODY>
</HTML>

suano 2010-03-24

打赏
举报

很强悍，分有所值了，用1楼和4楼的方法搞定了！

liupeng1981 2010-03-24

打赏
举报

闭包了

rainsilence 2010-03-24

打赏
举报

是你邦定事件的方法不对

function addEventListener(control, eventName, fn) {

if (window.attachEvent) {
control.attachEvent('on' + eventName, fn);
} else if (window.addEventListener) {
control.addEventListener(eventName, fn, false);
} else {
control['on' + eventName] = fn;
}
}

邦定的时候用addEventListener(newOption, 'click', function (){load2(items2[i].text);});

阿非 2010-03-24

打赏
举报

setAttribute('onclick',testvalue())

=》

setAttribute('onclick',testvalue) 应设置函数句柄

阿非 2010-03-24

打赏
举报

newOption.setAttribute('onclick'

可以直接写

newOption.onclick

阿非 2010-03-24

打赏
举报



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

 <HEAD>

  <TITLE> New Document </TITLE>

  <META NAME="Generator" CONTENT="EditPlus">

  <META NAME="Author" CONTENT="">

  <META NAME="Keywords" CONTENT="">

  <META NAME="Description" CONTENT="">

  <script>

  var array=[1,2,3,4,5,6];

  function testvalue(val)

{

   alert(val);

}





  function add(){

   for(i=0,len=array.length;i<len;i++)                                                                 

        {          

          var newOption = document.createElement("li");

		  newOption.innerHTML=i+1;

          newOption.onclick=function (val){ return function(){testvalue(val);}}(array[i])

		  

document.getElementById('div').appendChild(newOption);



        }

}



  </script>

 </HEAD>



 <BODY>

  <input type='button' value='click me' onclick='add()' />

<div id='div'></div>

 </BODY>

</HTML>

jianjialin 2010-03-24

打赏
举报

for(i=0;i<itemsLength;i++)
{
(function(index){
var newOption = document.createElement("li");
newOption.setAttribute('onclick',function (){load2(items2[index].text);})
//或者
newOption.onclick=function (){load2(items2[index].text);
})(i);

}
其实我没看明白你的问题。。。

passself 2010-03-24

打赏
举报

楼上的可以，也可以直接把值写到function（xxx）这样只有函数执行，就会把值传过去

sundotLei 2010-03-24

打赏
举报

newOption.setAttribute('onclick',function (){load2(items2[i].text);})

改成

newOption.setAttribute('onclick',function (v){return function(){load2(v);}}(items2[i].text))