JavaScript之DOM的理解学习归纳

DOM是一个针对HTML和XML文档的一个API，主要描绘了一个层次化的节点树

1、Node类型。JavaScript中所有的节点类型都继承自Node类型，因此所有节点类型都共享相同的基本属性和 方法。 常用的属性以及相关要点： 1）nodeType，node.nodeType，1表示元素节点，2表示元素的属性节点，3表示文本节点 2）nodeName，元素节点的nodeName是元素标签，文本节点的nodeName是#Text,Document的nodeName是 #document 3）nodeValue，元素和Document的nodeValue都是null，文本节点的nodeValue是纯文本，属性节点的 nodeValue是属性值

节点关系：childNodes,parentNode,firstChild,lastChild,nextSibling

操作节点：appendChild，insertBefore，replaceChild，removeChild，cloneNode

Document类型，document对象是HTMLDocument（继承自Document类型）的实例， 相关特殊方法：(可以设置可以获取) 1) document.documentElement 2) document.body 3) document.doctype document.title 4) document.URL document.domain(域名) 5) document.getElementById("id") document.getElementsByTagName("标签名") document.getElementsByName()这个方法只有HTMLDocument类型才有，比如HTMLElement类型没有 6) write() writeln() open() close()

Element类型 常用标准特性：(可以设置可以获取) 1）element.id，title，lang，dir（语言的方向，从左至右ltr，从右至左rtl），className……特别的， 自定义属性用点方法失效，事件处理程序（以属性形式存在的时候）和style属性在点方法和 get/setAttribute方法上有不同 2）相对应的另一种设置或者获取特性（属性）的方法：getAttribute()，setAttribute()， removeAttribute() 3）attributes属性，是Element类型的专属属性（其他类型的节点无法使用），遍历元素可以用。 4）document.createElement()

Text类型 常用操作文本的方法： 1) appendData() 2) deleteData() 3) insertData(offset,text) offset指定位置 4) replaceData(offset,count,text) count个数 5) splitText(offset)从指定位置将文本分成两部分,返回从切的位置到剩下的位置 6) substringData(offset,count) 7) document.createTextNode()