JavaScript获取节点信息

JS获取父节点

//  常规浏览器获取父节点
document.getElementById("test").parentNode;

// IE浏览器获取父节点
document.getElementById("test").parentElement;

// 获取所有父节点
document.getElementById("test").offsetParent;

JS获取子节点

// 获取子节点集合
document.getElementById("test").getElementsByTagName("div")
document.getElementById("test").childNodes // 会把换行和空格也当成是节点信息
document.getElementById("test").children[0]

// 获取第一个节点
document.getElementById("test").firstChild   // 会把换行和空格也当成是节点信息
document.getElementById("test").firstElementChild

// 获取最后一个节点
document.getElementById("test").lastChild  // 会把换行和空格也当成是节点信息
document.getElementById("test").lastElementChild

JS获取兄弟节点

// 上一个兄弟节点
document.getElementById("test").previousSibling  // 会把换行和空格也当成是节点信息
document.getElementById("test").previousElementSibling

// 下一个兄弟节点
document.getElementById("test").nextSibling  // 会把换行和空格也当成是节点信息
document.getElementById("test").nextElementSibling