属性
不同节点的nodeType属性值和对应的常量如下。
文档节点(document):9,对应常量Node.DOCUMENT_NODE
元素节点(element):1,对应常量Node.ELEMENT_NODE
属性节点(attr):2,对应常量Node.ATTRIBUTE_NODE
文本节点(text):3,对应常量Node.TEXT_NODE
文档片断节点(DocumentFragment):11,对应常量Node.DOCUMENT_FRAGMENT_NODE
文档类型节点(DocumentType):10,对应常量Node.DOCUMENT_TYPE_NODE
注释节点(Comment):8,对应常量Node.COMMENT_NODE
Node.prototype.nodeType 返回一个整数值,表示节点类型
Node.prototype.nodeName 返回节点的名称。
Node.prototype.nodeValue 返回一个字符串,表示当前节点本身的文本值,该属性可读写。
Node.prototype.textContent 返回当前节点和它的所有后代节点的文本内容
Node.prototype.baseURI 返回一个字符串,表示当前网页的绝对路径。浏览器根据这个属性,计算网页上的相对路径的 URL。该属性为只读。
Node.prototype.ownerDocument 返回当前节点所在的顶层文档对象,即document对象。
Node.prototype.nextSibling 返回紧跟在当前节点后面的第一个同级节点。如果当前节点后面没有同级节点,则返回null。
Node.prototype.previousSibling 返回当前节点前面的、距离最近的一个同级节点。如果当前节点前面没有同级节点,则返回null。
Node.prototype.parentNode 返回当前节点的父节点。对于一个节点来说,它的父节点只可能是三种类型:元素节点(element)、文档节点(document)和文档片段节点(documentfragment)。
Node.prototype.parentElement 返回当前节点的父元素节点。如果当前节点没有父节点,或者父节点类型不是元素节点,则返回null。
Node.prototype.firstChild,Node.prototype.lastChild 返回当前节点的第一个子节点,如果当前节点没有子节点,则返回null。
Node.prototype.childNodes返回一个类似数组的对象(NodeList集合),成员包括当前节点的所有子节点。
Node.prototype.isConnected返回一个布尔值,表示当前节点是否在文档之中。
方法
Node.prototype.appendChild()法接受一个节点对象作为参数,将其作为最后一个子节点,插入当前节点。该方法的返回值就是插入文档的子节点。
Node.prototype.hasChildNodes()方法返回一个布尔值,表示当前节点是否有子节点。
判断一个节点有没有子节点,有许多种方法,下面是其中的三种。
-
node.hasChildNodes()
-
node.firstChild !== null
-
node.childNodes && node.childNodes.length > 0
Node.prototype.cloneNode()方法用于克隆一个节点。它接受一个布尔值作为参数,表示是否同时克隆子节点。它的返回值是一个克隆出来的新节点。
Node.prototype.insertBefore()方法用于将某个节点插入父节点内部的指定位置。
Node.prototype.removeChild()方法接受一个子节点作为参数,用于从当前节点移除该子节点。返回值是移除的子节点。
Node.prototype.replaceChild()方法用于将一个新的节点,替换当前节点的某一个子节点。
Node.prototype.contains()
contains方法返回一个布尔值,表示参数节点是否满足以下三个条件之一。
- 参数节点为当前节点。
- 参数节点为当前节点的子节点。
- 参数节点为当前节点的后代节点。
Node.prototype.compareDocumentPosition() compareDocumentPosition方法的用法,与contains方法完全一致,返回一个六个比特位的二进制值,表示参数节点与当前节点的关系。
Node.prototype.isEqualNode(),Node.prototype.isSameNode()方法返回一个布尔值,用于检查两个节点是否相等。所谓相等的节点,指的是两个节点的类型相同、属性相同、子节点相同。
Node.prototype.normalize()方法用于清理当前节点内部的所有文本节点(text)。它会去除空的文本节点,并且将毗邻的文本节点合并成一个,也就是说不存在空的文本节点,以及毗邻的文本节点。
Node.prototype.getRootNode()方法返回当前节点所在文档的根节点document,与ownerDocument属性的作用相同。