DOM要素を取得する - becolomochi’s memo

DOM要素を取得する

querySelector / querySelectorAll を使う。idなら#、classなら.を頭につける

code:js

document.querySelector("#id")

document.querySelector(".class") // 1つ目だけに適用

document.querySelector("data-item") // 1つ目だけに適用

document.querySelectorAll(".class")

document.querySelectorAll("data-item")

document.getElementById('id') の代用としてdata属性を使う。

code:html

code:js

document.querySelector("data-item")

getElementsByClassName('class') の代用としてdata属性を使う。

code:html

code:js

document.querySelectorAll("data-item")

属性の値を取得

code:javascript

target.getAttribute('href')