前面的话

　　把注释节点和文档类型节点放在一起是因为IE8-浏览器的一个bug。IE8-浏览器将标签名为"!"的元素视作注释节点，所以文档声明也被视作注释节点。本文将详细介绍这两部分的内容

 

注释节点

【特征】

　　注释在DOM中是通过Comment类型来表示，注释节点的三个node属性——nodeType、nodeName、nodeValue分别是8、'#comment'和注释的内容，其父节点parentNode可能是Document或Element，注释节点没有子节点

　　[注意]所有浏览器都识别不出位于</html>后面的注释

【属性和方法】

　　注释节点Comment与继承自相同的基类，因此它拥有除了splitText()之外的所有字符串操作方法。与Text类型相似，也可以通过nodeValue或data属性来取得注释的内容

data

　　注释节点的data属性与nodeValue属性相同

length

　　注释节点的length属性保存着节点字符的数目，而且nodeValue.length、data.length也保存着相同的值

createComment()

　　createComment()方法用于创建注释节点，这个方法接收一个参数——要插入节点中的注释文本

var oComment = document.createComment('hello world!');var oBase = document.body.firstChild;document.body.insertBefore(oComment,oBase);//
     console.log(document.body.firstChild);

appendData()

　　appendData(text)方法将text添加到节点的末尾

deleteData()

　　deleteData(offset,count)方法从offset指定的位置开始删除count个字符

insertData()

　　insertData(offset,text)方法在offset指定的位置插入text　

replaceData()

　　replaceData(offset,count,text)方法用text替换从offset指定的位置开始到offset+count处为止处的文本

substringData()

　　substringData(offset,count)方法提取从offset指定的位置开始到offset+count为止处的字符串

 

文档类型节点

【特征】

　　文档类型节点DocumentType的三个node属性——nodeType、nodeName、nodeValue分别是10、doctype的名称和null，其父节点parentNode是Document，文档类型节点没有子节点

　　文档类型节点有一个快捷写法是document.doctype，但是该写法IE8-浏览器不支持

【属性】

　　文档类型节点DocumentType对象有3个属性:name、entities、notations

name

　　name表示文档类型的名称，与nodeName的属性相同

entities

　　entities表示由文档类型描述的实体的NamedNodeMap对象

notations

　　notations表示由文档类型描述的符号的NamedNodeMap对象

　　通常浏览器中的文档使用的都是HTML或XHTML文档类型，因而entites和notations都是空列表(列表中的项来自行内文档类型声明)

【IE8-Bug】

　　IE8-浏览器将标签名为"!"的元素视作注释节点，所以文档声明也被视作注释节点