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>
时间： 2024-07-29 07:02:33