getElementsByClassName未返回任何内容

getElementsByClassName returning nothing

本文关键字:任何内 返回 getElementsByClassName      更新时间:2024-04-07

我正在使用以下脚本-

<HTML>
<meta http-equiv='Content-Type' content='text/xml; charset=windows-1252'>
<script type="text/javascript">
    function show(){
        var navLinks = document.getElementsByClassName('a');
        for (var i = 0; i < navLinks.length; i++) {
            var link = navLinks[i];
            var title = link.title;
            alert(title);
    }
}
    </script>
<HEAD>
<TITLE>Properties</TITLE>
</HEAD>
<BODY>
<button type="button" onClick="show()">Close</button>
<table cellpadding=0 cellspacing=0>
<tr>
    <td>Contact</td>
    <td class="a">(01) 234 5678</td>
</tr>
</table>
</BODY>
</HTML>

我只想显示一个显示(01) 234 5678的警告框,但IE8什么都不做,Chrome显示一个空白的警告框。

我是Javascript的新手,但哪里出了问题?

您不需要获得链接标题,就可以获得如下的innerHTML:

var title = link.innerHTML;
我错了。我使用firebug并尝试console.log进行输出。navLinks可以得到正确的结果
<td class="a">(01) 234 5678</td>

但是您没有title属性,因此不会返回任何内容。尝试

<td class="a" title="(01) 234 5678">(01) 234 5678</td>

我让它在我的机器上工作