javaScript|生のJavaScriptで親子兄弟要素を取得
スポンサーリンク
jQueryとかを使わないで、親要素や子要素を取得する方法をメモ
親要素を取得
parentNode で親要素を取得できます。
var parent = element.parentNode;
子要素を取得
子要素を取得する方法は、いくつかあります。
// 最初の子要素 var element = element.firstElementChild; // 最後の子要素 var element = element.lastElementChild; // 子要素を複数取得 var elementsList = element.children;
1つ前の要素を取得
previousElementSibling で1つ前の要素を取得できます。
var element = element.previousElementSibling;
1つ後の要素を取得
nextElementSibling で一つ後の要素を取得できます。
var element = element.nextElementSibling;
更新日:2018年08月26日
作成日:2018年07月18日