标签:
1 <html xmlns="http://www.w3.org/1999/xhtml"> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 4 <title></title> 5 <script type="text/javascript"> 6 onload = function () { 7 //获取页面中的talbe下的所有单元格 8 var tdObjs= document.getElementById(‘tb‘).getElementsByTagName(‘td‘); 9 //遍历单元格给单元格设置属性 10 for (var i = 0; i < tdObjs.length; i++) { 11 //设置属性score的值 12 tdObjs[i].setAttribute(‘score‘, (i + 1) * 10); 13 //给每个单元格注册单击事件 14 tdObjs[i].onclick = function () { 15 alert(this.getAttribute(‘score‘)); 16 }; 17 }; 18 19 }; 20 </script> 21 </head> 22 <body> 23 <input type="button" name="name" value="显示效果" id="btn" /> 24 <table border="1" id="tb"> 25 <tr> 26 <td> 27 第1个 28 </td> 29 <td > 30 第2个 31 </td> 32 <td> 33 第3个 34 </td> 35 <td> 36 第4个 37 </td> 38 <td> 39 第5个 40 </td> 41 </tr> 42 </table> 43 </body> 44 </html>
16JavaScript 给单元格设置自定义的属性并赋值========怎么取值
标签:
原文地址:http://www.cnblogs.com/clcloveHuahua/p/5112675.html