JS学习总结之Core DOM

      说到DOM，还是的了解一下它的历史。有这样几条线：浏览器大战（IE，NN）——Web标准计划——DOM标准，DOM Level 0——DOM Level 1——DOM Level 2——DOM Level 3。

      然后就是DOM的组成：

Core DOM：也称核心的DOM，定义了一套标准的针对任何结构化文档的对象 ，包括XML，HTML，XHTML

XML DOM：定义了一套标准的针对XML文档的对象 

HTML DOM：定义了一套标准的针对HTML文档的对象 

下面总结如何使用Core DOM：

1，查找节点

直接：-----------------------element系列方法

getElementById()

getElementsByTagName()

间接：--------------------------层次关系，DOM导航

childNodes

firstChild

lastChild

parentNode

nextSibling

previousSibling

2,获得节点信息

nodeName      //节点名称（元素：元素名，属性：属性名，文本：#text，文档：#document）

nodeType       //节点类型（1元素，2属性，3文本）

nodeValue      //节点值(文本：文本内容，属性：属性值)（对元素节点和文档节点不可用）

hasChildNodes()

tagName-----------这个属性只有元素结点才有，等同于元素结点的nodeName属性

3,处理节点属性

4000
getAttribute()

setAttribute()

4,改变文档结构

传统方法:document.write和innerHTML（绝对不要在文档加载完成之后使用 document.write()。这会覆盖该文档。）

DOM方法:

createElement()----------------创建节点

createTextNode()

appendChild()---------------------插入

insertBefore()

replaceChild()-------------------替换

removeChild()--------------------移除

cloneNode()--------------------复制----------------包含节点事件，有跨浏览器问题