div.onclick = function (){传参数}？该如何解决-JavaSript-爱易网页

div.onclick = function (){传参数}？该如何解决

日期：2014-05-16　浏览次数：20452 次

div.onclick = function (){传参数}？？

HTML code


<html>
  2 <head>
  3 <script language="javascript">
  4 function hello222(){
  5     for (var i=1; i<3; i++){
  6         var cell = document.getElementById("cell_"+i);  
  7         cell.onclick= function (i) {alert ('Removed 000 !! in goodbye!!!' + "  " + i );}    
  8     }
  9 }
 10 
 11 function hello(){
 12     alert ("old on click!!");
 13 }
 14 
 15 
 16 function goodbye(passed){
 17     alert ('Removed !! in goodbye!!!' + "  " + passed );
 18 }
 19 </script>
 20 </head>
 21 <body>
 22 <a onclick="hello()" id="cell_1">me1</a>
 23 <a onclick="hello()" id="cell_2">me2</a>
 24 <p>
 25 <input type="button" value="remove onclick" onclick="hello222()">
 26 </body>
 27 </html>

需要在IE里面动态把目标的onclick事件批量更改。
同时要求传一个参数给更改后的onclick的事件函数。
比如更改前是这样：
<a onclick="hello()" id="cell_1">me1</a>
<a onclick="hello()" id="cell_2">me2</a>
要求更改后是这样：
<a onclick="hello_new('11')" id="cell_1">me1</a>
<a onclick="hello_new('22')" id="cell_2">me2</a>

参数怎么传呢？
我上面的代码传来传去只能得到一个同样的值： 3

------解决方案--------------------
参考如下代码：

HTML code

<html>
<head>
<script language="javascript">
function hello222(){
    for (var i=1; i<3; i++){
        var cell = document.getElementById("cell_"+i);  
        cell.onclick= new Function("hello_new('" + i + "');");
    }
}

function hello(){
    alert("old on click!!");
}


function hello_new(passed){
    alert('Removed !! in goodbye!!!' + "  " + passed );
}
</script>
</head>
<body>
<a onclick="hello()" id="cell_1">me1</a>
<a onclick="hello()" id="cell_2">me2</a>
<p>
<input type="button" value="remove onclick" onclick="hello222()">
</body>
</html>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

div.onclick = function (){传参数}？该如何解决

相关资料更多>

推荐阅读更多>