如何解决 IE6-8 中 getElementsByClassName() 不兼容的问题？

IE6-8 与 getElementsByClassName() 方法不兼容

尝试在 Internet Explorer 6、7 或 8 中使用 getElementsByClassName() 按类名称选择元素时，您可能会遇到错误消息“对象不支持此方法”。这是因为这些较旧的浏览器缺乏对这种现代 DOM 方法的内置支持。

克服兼容性问题

要克服此限制并在这些浏览器中启用基于类的选择，请考虑实现定制解决方案。下面的代码片段提供了一个 JavaScript 函数，它复制了 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;
};

将此代码添加到网页后，您可以像往常一样使用 document.getElementsByClassName() 按类检索元素IE6、IE7 和 IE8 中的名称。

以上是如何解决 IE6-8 中 getElementsByClassName() 不兼容的问题？的详细内容。更多信息请关注PHP中文网其他相关文章！