DOMで要素の取得方法のまとめ

DOMで要素の取得方法をまとめおく

◆IDで取得する。

document.getElementById("id1");

◆タグ名で取得する。

ele = document.getElementsByTagName("span");

ele = ele.getElementsByTagName("span");

 

◆NAME名で取得する。

ele = document.getElementsByName("span");

ele = ele.getElementsByName("span");

◆親子関係から取得する。

ele = ele.childNodes; // 子要素リスト

ele = ele.parentNode; // 親要素

ele= ele.firstChild; // 長子要素

ele = ele.lastChild; // 末子要素

ele = ele.previousSibling; // 兄姉要素

ele = oele.nextSibling; // 弟妹要素

◆要素数の取得

eles.length;

 

◆要素の配列から取得

eles[0];