2018-03-17 面试编程--打印DOM节点及其层数

给定任意结构的DOM树，要求打印出从指定父级开始（不包括父级）的层级。

有几点需要注意的！！！

（1）children获取的是所有的元素子节点，childNodes获取的是所有的子节点，元素、文本注释、空格；因此使用childNodes时要判断节点类型！

文本节点nodeType==3，元素节点nodeType==1；

（2）js获取节点类型nodeType，节点名称nodeName，节点值nodeValue；验证是否有子节点hasChildNodes()；

（3）文档树是一个树结构，要打印所有节点，需要实现深度遍历，用递归的方法实现！对每一个子节点再调用该方法。

（4）需要对没有字节点的情况进行判断，并返回return；

以下贴代码：

补充对节点的操作：document.createElement()  appendChild()  inserBefore()  replaceChild()  removeChild()

原生js改变css的方法：（1）元素.style.样式属性=“内容” （2）元素.setAttribute("style","height:300px")