javascript之节点操作

javascript之节点操作

节点之间的关系图：

Node：表示一个节点清单 NameNodeMap:表示一个无序列的节点列表

节点操作：
节点对象node
节点层次与关系
节点类型
节点操作
节点层次：
一个html文档可以分成许多个节点，节点有不同的类型：文档类型。元素类型。文本节点，注释节点等等
节点与节点之间形成层次结构，也就是文档节点树
节点DOM对象的类型是Node
Node:
Node接口是对节点的封装，继承自EventTarget,也就是所有的node节点u第项可以绑定事件
Node常用的属性：
nodeType
标签=1；属性=2；文本=3；注释=8；文档=9
NodeName:
标签：tagName,属性=属性名，文本=#text,文档=#document
nodeValue:
文本节点返回值，属性节点返回内容，注释节点返回注释内容，其他返回null,textContent属性表示一个节点及其子代文本内容
innerText是表示一个节点及其后代渲染的文本属性内容
节点关系：
Node.childNode(Nodelist)，返回子节点，一个HTMLCollection集合,子节点会自动更新变化
Node.firstchild返回第一个子节点或者返回null
Node.last:返回最后一个子节点或者返回一个null
Node.nextsibling:返回该节点同级的下一个节点或者返回null
Node.parentNode返回父亲节点
Node.parentelement:返回父亲节点的标签，如果不是标签返回null
创建节点：
document.createElement(tagName):创建元素节点
docuemnt.createAttribute(name):创建并返回一个新的属性节点，可以通过nodeValue设置属性节点值
document.createComment(data)创建注释节点
docuemnt.createTextCode:创建一个新的文本节点