1. ホーム
  2. javascript

[解決済み] jQueryを使わずに "data-xxx "属性の要素をすべて選択する

2022-03-15 17:28:29

質問

純粋なJavaScriptだけを使用して、ある特定の文字列を持つすべてのDOM要素を選択する最も効率的な方法は何ですか? data- 属性(仮に data-foo ).

などと、要素が異なる場合があります。

<p data-foo="0"></p><br/><h6 data-foo="1"></h6>

解決方法は?

を使用することができます。 クエリセレクタオール :

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