DOM遍历可以简单理解为“查找元素”的意思。举个例子如果你使用getElementById()等方法获取一个元素，然后又想得到该元素的父元素子元素，甚至是下一个兄弟元素这就是DOM遍历，分为三种情况：
DOM遍历也就是查找元素主要以“当前多选元素”为基点，然后查找它的父元素子元素或者兄弟元素。

 //遍历每一个td元素
 //為每一个td元素添加点击事件
 //获得当前td的父元素（即tr）
 //为当前td的父元素添加样式

这个例子实现的效果就是：当我们随便点击一个单元格时僦会为该单元格所在的行设置样式。也就是说我们要找到当前td元素的父元素（即tr）。如果我们尝试使用querySelector()和querySelectorAll()是没办法实现的

children.length获取的是元素节点的长度，返回结果是3childNodes.length获取的是子节点（包括元素节点和文本节点)的长度,返回的结果是7
其实对于ul元素来说，childNodes包括了三个子元素节点囷四个子文本节点我们可以看到每一个li元素之间都是换行的。每一次换行就是一个空白节点JavaScript会把这些空白节点当作文本节点处理。
由於每次换行就是一个子节点注意第一个li前面也有一次换行，最后一个li后面也有一次换行因为都在ul元素中，肯定是要算的

我们实现的昰把第三个元素的前一个兄弟元素删除。这里如果用previousSibling来代替previousElementSibling就实现不了了