首页 > web前端 > js教程 > 如何在 IE7 及更早版本中选择具有特定属性的元素?

如何在 IE7 及更早版本中选择具有特定属性的元素?

Barbara Streisand
发布: 2024-10-30 20:33:02
原创
943 人浏览过

How to Select Elements with a Specific Attribute in IE7 and Earlier?

用于属性选择的 querySelectorAll 的本机替代

问题:

如何模拟document.querySelectorAll('[data-foo]') 的功能在 IE7 或更早版本中无法使用 querySelectorAll()?

解决方案:

解决此兼容性问题问题,您可以创建一个自定义函数 getAllElementsWithAttribute,它使用本机 getElementsByTagName() 方法执行必要的属性选择:

function getAllElementsWithAttribute(attribute) {
  var matchingElements = [];
  var allElements = document.getElementsByTagName('*');
  for (var i = 0, n = allElements.length; i < n; i++) {
    if (allElements[i].getAttribute(attribute) !== null) {
      matchingElements.push(allElements[i]);
    }
  }
  return matchingElements;
}
登录后复制

通过使用所需属性调用此函数(例如 getAllElementsWithAttribute('data- foo')),可以获得具有指定属性的元素数组

以上是如何在 IE7 及更早版本中选择具有特定属性的元素?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板