dom获取节点的三种常用方法

《dom获取节点的三种常用方法》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、Dom对象的常用方法：(1)getElementById()查询给定ID属性值的元素，返回该元素的元素节点1、查询给定ID属性值的元素，返回该元素的元素节点。也称为元素对象。2、因为在一个html页面中id的值是唯一的，所以返回值也是唯一的。所以方法的名称为getElementById()而不是getElementsById()3、该方法只能用于document对象，类似与java的static关键字。(2)getElementsByName()查找给定name属性的所有元素，这个方法将返回一个节点集合，也可以称为对象集合1、查找给定name属性的所有元素，这个方法

2、将返回一个节点集合，也可以称为对象集合。2、这个集合可以作为数组来对待，length属性的值表示集合的个数。3、因为在html页面中，name不能唯一确定一个元素，所以方法的名称为getElementsByName而不是getElementByName(3)getElementsByTagName()查询给定标签名的所有元素1、查询给定标签名的所有元素2、因为在html页面中，标签名不是唯一的，所以返回值为节点的集合。3、这个集合可以当做数组来处理,length属性为集合里所有元素的个数4、可以有两种形式来执行这个方法：1、varelements=document.

3、getElementsByTagName(tagName);2、varelements=element.getElementsByTagName(tagName);5、从这两种方法可以看出持有这个方法的对象并不一定是整个文档对象(document).也可以是某一个元素节点。(4)hasChildNodes()该方法用来判断一个元素是否有子节点,返回值为true或者false1、该方法用来判断一个元素是否有子节点2、返回值为true或者false3、文本节点和属性节点不可能再包含子节点，所以对于这两类节点使用ChildNodes()方法返回值永远为false.4、如果

4、hasChildNodes()返回值为false,则childNodes,firstChild,lastChild将为空数组或者空字符串。(5)nodeName1.如果节点是元素节点，nodeName返回元素的名称2.如果给定节点为属性节点，nodeName返回属性的名称3.如果给定节点为文本节点，nodeName返回为#text的字符串(6)nodeType1、元素节点类型值为12、属性节点类型值为23、文本节点类型值为3(7)nodeValue1.如果给定节点是属性节点，返回值是这个属性的值2.如果给定节点是文本节点，返回值是这个文本节点的内容3.如果给定节点是

5、元素节点，返回值是null(8)replaceChild()1.把一个给定父元素里的一个子节点替换为另外一个子节点2.varreference=element.replaceChild(newChild,oldChild)3.返回值指向已经被替换掉的那个子节点的引用(9)getAttribute()1、返回一个给定元素的给定属性的节点的值2、varattributeValue=element.getAttribute(attributeName)3、给定属性的名字必须以字符串的形式传递给该方法4、给定属性的值将以字符串的形式返回5、通过属性获取属性节点(10)set

6、Attribute()1、将给定元素添加一个新的属性或改变它现有属性的值2、element.setAttribute(attributeName,attributeValue);3、属性的名字和值必须以字符串的形式传递4、如果这个属性已经存在，那么值将被attributeValue取代5、如果这个属性不存在，那么先创建它，再给他赋值(11)createElement()1、按照给定的标签名创建一个新的元素节点，方法的参数为被创建的元素的名称2、varreference=document.createElement(elementName);3、方法的返回值指向新建节

7、点的引用，返回值是一个元素节点，所以nodeType为14、新建的节点不会自动添加到文档里，只是存在于document里一个游离的对象(12)createTextNode()1、创建一个包含给定文本的新文本节点2、这个方法的返回值指向这个新建的文本节点的引用3、该方法有一个参数：新建文本节点的文本内容4、它是一个文本节点，所以nodeType值为35、新建的文本对象不会自动添加到文档里，属于游离态的对象。(13)appendChild()1、为给定元素增加一个子节点varnewreference=element.appendChild(newChild);2、给