JavaScript基础知识汇总.docx

东北石油大学计算机与信息技术学院李勇勇 东北石油大学计算机与信息技术学院 李勇勇 3. Node 接口的特性和方法 3. Node 接口的特性和方法 1 DOM DOM：Document Object Model(文本对象模型) D：文档 – html 文档 或 xml 文档 O：对象 – document 对象的属性和方法 M：模型 DOM 是针对 xml(html)的基于树的 API。DOM 树:节点（node）的层次。 DOM 把一个文档表示为一棵家谱树（父，子，兄弟） DOM 定义了 Node 的接口以及许多种节点类型来表示 XML 节点的多个方面 节点及其类型 节点（node）：来源于网络理论，代表网络中的一个连接点。网络是由节点构成的集合 东北石油大学计算机与信息技术学院李勇勇 东北石油大学计算机与信息技术学院 李勇勇 PAGE PAGE 2 查找元素节点 getElementById() 寻找一个有着给定 id 属性值的元素，返回值是一个有着给定 id 属性值的元素节点。如果不存在这样的元素，它返回 null。 var element = document.getElementById(ID); 该方法只能用于 document 对象getElementsByTagName() 寻找有着给定标签名的所有元素，这个方法将返回一个节点集合，这个集合可以当作一个数组来处理。这个集合的 length 属性等于当前文档里有着给定标签名的所有元素的总个数。 var elements = element.getElementsByTagName(tagName); 该方法不必非得用在整个文档上。它也可以用来在某个特定元素的子节点当中寻找有着给定标签名的元素。 var container = document.getElementById(“content”); var paras = container.getElementsByTagName(“p”); alert(paras.length); 查看是否存在子节点 hasChildNodes() 该方法用来检查一个元素是否有子节点，返回值是 true 或 false. var booleanValue = element.hasChildNodes(); 文本节点和属性节 点不可能 再包含任 何子节点， 所以对 这两类节点 使用 hasChildNodes 方法的返回值永远是 false. 如果 hasChildNodes 方法的返回值是 false，则 childNodes,firstChild,lastChild 将是空数组和空字符串。 DOM 属性 – nodeName 文档里的每个节点都有以下属性。 nodeName:一个字符串，其内容是给定节点的名字。var name = node.nodeName; 如果给定节点是一个元素节点或属性节点，nodeName 属性将返回这个元素的名字。 如果给定节点是一个文本节点，nodeName 属性将返回内容为 #text 的字符串。 nodeName 是一个只读属性。 DOM 属 性 – nodeType nodeType：返回一个整数，这个数值代表着给定节点的类型。nodeType 属性返回的整数值对应着 12 种节点类型： Node.ELEMENT_NODE (1) -- 元素节点Node.ATTRIBUTE_NODE (2) -- 属性节点 Node.TEXT_NODE (3) -- 文本节点 … nodeType 是个只读属性 DOM 属 性 – nodeValue nodeValue：返回给定节点的当前值（字符串） 如果给定节点是一个属性节点，返回值是这个属性的值。如果给定节点是一个文本节点，返回值是这个文本节点的 内容。 如果给定节点是一个元素节点，返回值是 null nodeValue 是一个 读/写 属性，但不能对元素节点的 nodeValue 属性设置值，但可以为文本节点的 nodeValue 属性设置一个值。 var message = document.getElementById(“fineprint”); if(message.firstChild.nodeType == 3) message.firstChild.nodeValue = “this might work”; 替换节点 replaceChild() 把一个给定父元素里的一个子节点替换为另外一个子节点 var reference = element.replaceChild(newChild,oldChild); 返回值是一个指