javascript getattribute 引数 - 属性値に基づいてDOM内の要素を検索する





3 Answers

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

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

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

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

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

$('[data-foo="value"]');
取得 追加 onclick

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

何かのようなもの:

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



document.querySelectorAll()メソッドとdocument.querySelectorAll()メソッドを使用して、DOMで属性セレクタを使用できます。

あなたのために:

document.querySelector("<selector>[myAttribute = \'aValue\']");

querySlectorAll()を使用しquerySlectorAll()

document.querySelectorAll("<selector>[myAttribute] = \'aValue\'");

querySelector()およびquerySelectorAll()メソッドでは、「CSS」で選択したオブジェクトを選択できます。

\'はエスケープ文字を表し、最後に「CSS」と同様にselector[myAttrubute = aValue]表します。

https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors 「CSS」属性セレクタのhttps://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors




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

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



Related