javascript - 根据属性值在 DOM 中查找元素

Question

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

类似:

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

Answer 1

现代浏览器支持原生 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

您可以使用 jQuery 来支持过时的浏览器(IE9 及更早版本):

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