[Javascript] 属性値に基づいてDOM内の要素を検索する


Answers

現代のブラウザはネイティブのquerySelectorAllサポートしています。

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

https://developer.mozilla.org/en-US/docs/Web/API/Document.querySelectorAll

ブラウザの互換性に関する詳細:

jQueryを使用して古いブラウザ(IE9以前)をサポートすることができます:

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

指定された属性名と属性値を持つ要素を検索するDOM APIがあるかどうか教えてください。

何かのようなもの:

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



次に、src属性で文書内の画像を検索する例を示します。

document.querySelectorAll("img[src='https://pbs.twimg.com/profile_images/........jpg']");