将点击事件附加到表头[重复]答案

【问题标题】：Attaching an on click event to a table header [duplicate]将点击事件附加到表头[重复]
【发布时间】：2012-10-23 02:14:30
【问题描述】：

可能重复：
MSIE and addEventListener Problem in Javascript?
Returning the Name of a column header

对于我的一生，就我对 javascript 的了解而言，我似乎无法做到这一点，它在第 13 行失败了。我基本上试图尝试将 onclick 事件添加到 TH 以提醒我的价值。我用的是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>

【问题讨论】：

addEventListener 在 IE7 中不受支持。
请不要重复发布相同的问题。

标签： javascript html dom

【解决方案1】：

您的for 语句中有错误，您错误地分配给len 变量，因此请替换您的以下行：

for ( var i = 0, len < titles.length; i < len; i++ ) {

对于这个：

for ( var i = 0, len = titles.length; i < len; i++ ) {

【讨论】：