学习要点：
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;
特点：非标准，不会获取文本接点，但是一般用的多