dom_dom0300_003

最初に一致した <p> 要素だけを取得したいときの方法はどれか。

  1. document.getElementsByTagName(“p”)
  2. document.querySelector(“p”)
  3. document.querySelectorAll(“p”)
  4. document.getElementsByName(“p”)
正解
  1. document.querySelector(“p”)
解説

querySelector() は、指定したセレクタに最初に一致する要素を返す。getElementsByTagName()やquerySelectorAll()は複数取得するため、1つだけを取得するならquerySelector()が適切。

使用例（サンプルコード）

[ javascript ]

let firstParagraph = document.querySelector("p");
console.log(firstParagraph.innerText);