怎样画html dom树,HTML DOM树

HTML文档中所有内容都是节点：

整个文档是一个文档节点

每个HTML元素是元素节点

HTML元素内的文本是文本节点

每个HTML属性是属性节点

注释是注释节点

2,生成节点

document.createElement(\'div\');   // 创建一个div节点

document.createAttribute(\'attrName\');  //对某个节点创建属性

document.createTextNode(text);   //创建文本节点

------------------------------------------------------------------------------------------------------------------------------

3，添加节点

1,node.insertBefore(newnode,existingnode)   //在某个节点前插入节点

2,node.appendChild(node)   //给某个节点添加子节点

-----------------------------------------------------------------------------------------------------------------------------

4，复制节点

cloneNode(true | false);

复制某个节点

参数：是否复制原节点的所有属性

---------------------------------------------------------------------------------------

5，删除节点

parentNode.removeChild(node);

6,属性操作

1,element.getAttribute(attributename);  //返回指定属性名的属性值。

document.getElementsByTagName("a")[0].getAttribute("target");

2,element.hasAttribute(attributename)   //需要检查是否存在的属性名称。如果存在该属性，则返回 true，否则返回 false。

3，