对于我的一生,就我对 javascript 的了解而言,我似乎无法做到这一点,它在第 13 行失败了。我基本上试图尝试向 TH 添加一个 onclick 事件以提醒我它价值。我用的是IE7。
<script type="text/javascript">
function init() {
var titles = document.getElementsByTagName("th");
for ( var i = 0, len < titles.length; i < len; i++ ) {
titles[i].addEventListener("click", function() {
alert( this.innerHTML );
}, false);
}
}//end of function
</script>
</head>
<body onload="init()">
<table border="1" cellspacing="1" width="500">
<tr>
<th>FRUITS</th>
<th>COLORS</th>
<th>VEGGIES</th>
<th>NUMBERS</th>
</tr>
<tr>
<td>apples</td>
<td>red</td>
<td>carrots</td>
<td>123</td>
</tr>
<tr>
<td>oranges</td>
<td>blue</td>
<td>celery</td>
<td>456</td>
</tr>
<tr>
<td>pears</td>
<td>green</td>
<td>brocoli</td>
<td>789</td>
</tr>
<tr>
<td>mangos</td>
<td>yellow</td>
<td>lettuce</td>
<td>098</td>
</tr>
</table>
</body>
</html>