如何克服旧版 Internet Explorer 浏览器中的 getElementsByClassName() 问题？

旧版 Internet Explorer 浏览器中的 getElementsByClassName() 兼容性问题

问题：

下面的代码在 Internet 中引发错误Explorer 6、7 和 8：

var borderTds = document.getElementsByClassName('leftborder');

问题：

旧版 Internet Explorer 浏览器（如 IE6、IE7 和 IE8）本身不支持 getElementsByClassName()方法。此方法用于根据元素的类属性选择元素。

解决方案：

要解决此问题，您可以使用以下解决方法来模拟 getElementsByClassName()这些浏览器中的功能：

document.getElementsByClassName = function(cl) {
  var retnode = [];
  var elem = this.getElementsByTagName('*');
  for (var i = 0; i < elem.length; i++) {
    if((' ' + elem[i].className + ' ').indexOf(' ' + cl + ' ') > -1) retnode.push(elem[i]);
  }
  return retnode;
}; 

实现：

1. 将脚本复制到 HTML 文档中。
2. 脚本完成后添加后，您可以使用 getElementsByClassName() 方法，如下所示：

var borderTds = document.getElementsByClassName('leftborder');

好处：

此解决方法允许您按元素的类来选择元素旧版 Internet Explorer 浏览器，无需依赖 jQuery 等外部库。

以上是如何克服旧版 Internet Explorer 浏览器中的 getElementsByClassName() 问题？的详细内容。更多信息请关注PHP中文网其他相关文章！