如下代码:
var borderTds = document.getElementsByClassName('leftborder');
在Internet Explorer 6、7和8中给我一条错误消息:
对象不支持此方法
如何在这些浏览器中按元素类别选择元素?
我宁愿不使用JQuery。
此解决方案可能会有所帮助。这是使用getElementsByClassName纯javascript实现的自定义函数,可在IE中使用。
getElementsByClassName
本质上,此脚本正在执行的工作是一个接一个地探测所有可能的选项,并选择可用的最佳选项。这些选项是:
document.getElementsByClassName
document.evaluate
当然,第一个是性能最佳的,但是后者应该随处可用,包括IE 6。
页面上也提供了用法示例,如下所示:
getElementsByClassName("col", "div", document.getElementById("container"));
因此该函数允许使用3个参数:类(必需),标签名称(可选,如果未指定,则搜索所有标签),根元素(可选,如果未指定,则为文档)。