如何在旧版 Internet Explorer 中模拟 getElementsByClassName()？-js教程-PHP中文网

如何在旧版 Internet Explorer 中模拟 getElementsByClassName()？

Barbara Streisand

发布： 2024-10-22 07:35:18

原创

160 人浏览过

How to Emulate getElementsByClassName() in Older Internet Explorers?

getElementsByClassName() 的跨浏览器兼容性

IE6、IE7 和 IE8 无法使用 getElementsByClassName() 方法，这导致了尝试根据元素的类属性选择元素时面临挑战。但是，有一些解决方案可以克服此限制，而无需依赖 jQuery 等第三方库。

在旧版 Internet Explorer 中模拟 getElementsByClassName()

模仿功能IE6-8中的getElementsByClassName()，可以实现以下脚本：

<code class="javascript">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;
};</code>

登录后复制

用法：

只需在您的网站上包含该脚本，它就会使用适用于所有主要浏览器（包括旧版本的 Internet Explorer）的 getElementsByClassName() 方法扩展文档对象。

示例：

<code class="html"><html>
<head>
  <script src="getElementsByClassName.js"></script>
  ...
</head>
<body>
  <div class="red-border"></div>
  ...
  var borderDivs = document.getElementsByClassName('red-border');
</body>
</html></code>

登录后复制

以上是如何在旧版 Internet Explorer 中模拟 getElementsByClassName()？的详细内容。更多信息请关注PHP中文网其他相关文章！