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,

 





原文地址:https://www.cnblogs.com/qianxunpu/p/7052858.html