如何通过属性值高效查找DOM元素？

如何根据属性值在 DOM 中查找元素

基于以下内容在文档对象模型 (DOM) 中搜索元素属性值是 Web 开发中的一项常见任务。 DOM API 提供了强大的机制来执行此操作。

在现代浏览器中，querySelectorAll 是一种本机方法，允许您检索与给定 CSS 选择器匹配的元素。例如，要查找特定 data-foo 属性设置为“value”的元素，您可以使用以下选择器：

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

所有主要现代浏览器都支持此方法，详见 MDN： https://developer.mozilla.org/en-US/docs/Web/API/Document.querySelectorAll 和 https://caniuse.com/queryselector。

对于过时的浏览器如IE9及更早版本，您可以使用jQuery库来实现相同的功能：

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

以上是如何通过属性值高效查找DOM元素？的详细内容。更多信息请关注PHP中文网其他相关文章！