给定任意结构的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")