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")

你可能感兴趣的:(2018-03-17 面试编程--打印DOM节点及其层数)