## 访问关系的函数封装 （1）函数封装 新建一个文件名叫`tools.js`，然后在里面封装访问关系。代码如下。 tools.js: ```javascript /** * Created by smyhvae on 2018/01/28. */ function getEle(id){ return document.getElementById(id); } /** * 功能：给定元素查找他的第一个元素子节点，并返回 * @param ele * @returns {Element|*|Node} */ function getFirstNode(ele){ var node = ele.firstElementChild || ele.firstChild; return node; } /** * 功能：给定元素查找他的最后一个元素子节点，并返回 * @param ele * @returns {Element|*|Node} */ function getLastNode(ele){ return ele.lastElementChild || ele.lastChild; } /** * 功能：给定元素查找他的下一个元素兄弟节点，并返回 * @param ele * @returns {Element|*|Node} */ function getNextNode(ele){ return ele.nextElementSibling || ele.nextSibling; } /** * 功能：给定元素查找他的上一个兄弟元素节点，并返回 * @param ele * @returns {Element|*|Node} */ function getPrevNode(ele){ return ele.previousElementSibling || ele.previousSibling; } /** * 功能：给定元素和索引值查找指定索引值的兄弟元素节点，并返回 * @param ele 元素节点 * @param index 索引值 * @returns {*|HTMLElement} */ function getEleOfIndex(ele,index){ return ele.parentNode.children[index]; } /** * 功能：给定元素查找他的所有兄弟元素，并返回数组 * @param ele * @returns {Array} */ function getAllSiblings(ele){ //定义一个新数组，装所有的兄弟元素，将来返回 var newArr = []; var arr = ele.parentNode.children; for(var i=0;i ``` 注意：上方代码中，我们引用到了`tools.js`这个工具类。 ``` ``` ``` ``` ``` ```