ラボ > Javascript関連:DOM関連

js 特定の要素を持つ全タグを取得(querySelector(), querySelectorAll())

id属性を持つ全タグが欲しい…

作成日:2024-03-12, 更新日:2024-03-12

id属性を持つ全タグを取得

対象の属性を「[]」で囲む

const elementsWithIDorClass = document.querySelectorAll('[id], [class]');

id属性もしくは、class属性を持つ全タグを取得

対象の属性を「,」で区切る

const elementsWithIDorClass = document.querySelectorAll('[id], [class]');

id属性とclass属性の両方を持つ全タグを取得

対象の属性を「,」で区切らずつなげる

const elementsWithIDorClass = document.querySelectorAll('[id][class]');

全タグじゃなく一つだけ

「querySelectorAll」を「querySelector」に変更

const elementsWithIDorClass = document.querySelector('[id]');