【JavaScript】好用的querySelector選取方式

querySelector

• 舊的寫法，缺點是要記比較多寫法

document.getElementById(“title”).innerText
document.getElementsByClassName(“content”) //要記住回傳的是陣列！
document.getElementsByTagName(“p”) //要記住回傳的是陣列！
document.getElementsByName(“name”)

• 新的寫法，優點是可以記比較少，而且可用CSS選擇器，而且不用害怕忘記是陣列
  document.querySelector(“#title”).innerText //回傳“第一個”選到的東西
  document.querySelectorAll(“#title”).innerText //回傳的是陣列

​