7cc@はてなブログ

JavaScriptとかとか

getElement, querySelectorがないときの戻り値

HTMLCollection, NodeListは該当する要素がなくても常に戻り値があるので注意がいる

null (ID)

document.getElementById("hoge")
document.querySelector("#hoge")

HTMLCollection (querySelectorAll以外の複数)

document.links, forms, etc
document.getElementsByTagName("hoge")
document.getElementsByClassName("hoge")

NodeList

document.querySelectorAll("#hoge")

undefined

NodeList[0], HTMLCollection[0] がないときに

document.querySelectorAll("#hoge")[0]