DOM 概念 及增删改查

DOM 概念 及增删改查

文档对象模型（document object model）,又被称为文档模型，
分为：核心DOM : 操作HTML和XML文档的API
HTMLDOM : 专门操作HTML内容的API
DOM就是把HTML视为一个层次结构（树形）的文档(如下图)

文档（document）：指的是HTML XML文件

节点（node）：HTML中所有的内容都可以称为节点

元素（element）：HTML中所有的标签都可以称为元素

文档元素（根元素）：文档中的第一个元素，HTML文档元素即

三大属性：

1.nodeType 节点类型 （返回 number ）
document 文档 —> 9
element 元素节点—>1
attrbute 属性节点—>2
text 文本节点—>3
comments 注释—>8
2.nodeName 节点名
document —>#document
标签元素 —>全大写的标签名
attitude —>属性名
文本节点 —> #text

3.nodeValue 节点值
document —>null
标签元素 —>null
attribute —>属性值
text —>文本的内容

DOM操作

1.从一个中心元素访问其所有的直系亲属元素

访问父节点parentNode

访问上一个兄弟节点previousSibling

访问下一个兄弟节点nextSibling

访问第1个属性节点attributes[1]

访问最后一个节点 lastChild 或 childNodes[childNode.length-1]

2.增加

（1）document.creatTextNode创建文本节点

var text = document.createTextNode("阴天也要快乐哦！");

（2）document.createComment 创建注释

var comment = document.createComment("this is comment");

（3）document.creatElement创建元素

var a = document