[JavaScript] 親要素・子要素・兄弟要素の取得方法

JavaScriptでの要素の取得方法。ライブラリばっかり使ってると忘れてしまうので

■親要素
element.parentNode


■子要素

子供一覧
element.childNodes //NodeListオブジェクトが返ってくる
※子要素がない場合でも、空っぽのNodeListオブジェクトが返ってくる

最初の子
element.firstChild

最後の子
element.lastChild


■兄弟要素

兄ちゃん要素
element.previousSibling

弟くん要素
element.nextSibling

改行なんかもTextノードだと認識されるので、注意




jQueryでの取得方法もまとめてます
jQuery親要素、子要素、兄弟要素取得のまとめ


参考
ノード木を探索する