获取子节点: 1.通过一个一个.获取节点:
2.通过childNodes获取子节点:返回的也是子节点集合,是一个数组的格式。他会把换行和空格也当成是节点信息。
3.通过children获取,不过他也是数组,按照数组的形式访问就行
4.获取第一个子节点:firstChild,firstElementChild
5.获取最后一个子节点:lastChild,lastElementChild
//通过每一层.获取节点: let b=document.getElementById("li01").querySelector("span"); alert(b.innerHTML); //通过childNodes获取子节点:返回的也是子节点集合,是一个数组的格式。他会把换行和空格也当成是节点信息。 let c=document.getElementById("li02").childNodes; alert(c[0].innerHTML); //通过children获取,不过他也是数组,按照数组的形式访问就行 let d=document.getElementById("li03").children[0]; alert(d.innerHTML); //获取第一个子节点:firstChild let e=document.getElementById("li04").firstChild;//会匹配换行和空格 let f=document.getElementById("li04").firstElementChild; //获取最后一个子节点: let g=document.getElementById("li05").lastChild;//会匹配换行和空格 let h=document.getElementById("li05").lastElementChild; 获取父节点: 1.获取单个父节点:parentNode,parentElement
let i=document.getElementById("li05").parentNode; let j=document.getElementById("li05").parentElement; 2.获取所有父节点:offsetParent。返回的是个伪数组
let k=document.getElementById("li05").offsetParent; 获取兄弟节点 1.通过获取父节点再获取子节点来获取兄弟节点:
var brother1 = document.getElementById("li05").parentNode.children[1]; 2.获取上一个节点
var brother2=document.getElementById("li05").previousElementSibling; var brother2=document.getElementById("li05").previousSibling; 3.获取下一个节点
var brother4 = document.getElementById("test").nextElementSibling; var brother5 = document.getElementById("test").nex