首页 >web前端 >js教程 >如何使用属性值查找 DOM 元素?

如何使用属性值查找 DOM 元素?

Barbara Streisand
Barbara Streisand原创
2024-12-04 15:01:14954浏览

How Can I Find DOM Elements Using Attribute Values?

通过属性值查找 DOM 元素

你能告诉我是否有任何 DOM API 可以搜索具有给定属性名称的元素和属性值:

某物例如:

doc.findElementByAttribute("myAttribute", "aValue");

现代浏览器支持本机 querySelectorAll,允许您执行:

document.querySelectorAll('[data-foo="value"]');

查看此文档以了解更多详细信息:https://developer.mozilla.org/en- US/docs/Web/API/Document.querySelectorAll

用于浏览器兼容性信息:

  • http://quirksmode.org/dom/core/#t14
  • http://caniuse.com/queryselector

对于过时的浏览器(IE9及更早版本),您可以使用 jQuery:

$('[data-foo="value"]');

以上是如何使用属性值查找 DOM 元素?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn