学习要点:
1.获取父节点
2.获取兄弟节点
3.获取单个节点
4.获取父节点下的所有子节点
一、获取父节点
(1)parentNode
含义:获取父节点
格式:节点.parentNode;
二、获取兄弟节点
(1)nextElementSibling/nextSibling(兼容问题)
含义:获取下一个兄弟节点
格式:节点.nextElementSibling||节点.nextSibling;
(2)previousElementSibling/previousSibling(兼容问题)
含义:获取上一个兄弟节点
格式:节点.previousElementSibling||节点.previousSibling;
(3)parentNode.children[x]
含义:获取任意兄弟节点
格式:节点.parentNode.children[index];
三、获取单个节点
(1)firstElementChild/firstChild(兼容问题)
含义:获取第一个子节点
格式:父节点.firstElementChild||父节点.firstChild;
(2)lastElementChild/lastChild(兼容问题)
含义:获取最后一个子节点
格式:父节点.lastElementChild||父节点.lastChild;
四、获取父节点下的所有子节点
(1)childNodes
含义:获取父节点下的所有子节点
格式:父节点.childNodes;
特点:标准属性,会获取文本节点
(2)children
含义:获取父节点下的所有子节点
格式:父节点.children;
特点:非标准,不会获取文本接点,但是一般用的多