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，