資源描述:
《dom獲取節(jié)點(diǎn)的三種常用方法》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在工程資料-天天文庫(kù)。
1、Dom對(duì)象的常用方法:(1)getElementById()查詢給定ID屬性值的元素,返回該元素的元素節(jié)點(diǎn)1、查詢給定ID屬性值的元素,返回該元素的元素節(jié)點(diǎn)。也稱為元素對(duì)象。2、因?yàn)樵谝粋€(gè)html頁(yè)面中id的值是唯一的,所以返回值也是唯一的。所以方法的名稱為getElementById()而不是getElementsById()3、該方法只能用于document對(duì)象,類似與java的static關(guān)鍵字。(2)getElementsByName()查找給定name屬性的所有元素,這個(gè)方法將返回一個(gè)節(jié)點(diǎn)集合,也可以稱為對(duì)象集合1、查找給定name屬性
2、的所有元素,這個(gè)方法將返回一個(gè)節(jié)點(diǎn)集合,也可以稱為對(duì)象集合。2、這個(gè)集合可以作為數(shù)組來(lái)對(duì)待,length屬性的值表示集合的個(gè)數(shù)。3、因?yàn)樵趆tml頁(yè)面中,name不能唯一確定一個(gè)元素,所以方法的名稱為getElementsByName而不是getElementByName(3)getElementsByTagName()查詢給定標(biāo)簽名的所有元素1、查詢給定標(biāo)簽名的所有元素2、因?yàn)樵趆tml頁(yè)面中,標(biāo)簽名不是唯一的,所以返回值為節(jié)點(diǎn)的集合。3、這個(gè)集合可以當(dāng)做數(shù)組來(lái)處理,length屬性為集合里所有元素的個(gè)數(shù)4、可以有兩種形式來(lái)執(zhí)行這個(gè)方法:1、v
3、arelements=document.getElementsByTagName(tagName);2、varelements=element.getElementsByTagName(tagName);5、從這兩種方法可以看出持有這個(gè)方法的對(duì)象并不一定是整個(gè)文檔對(duì)象(document).也可以是某一個(gè)元素節(jié)點(diǎn)。(4)hasChildNodes()該方法用來(lái)判斷一個(gè)元素是否有子節(jié)點(diǎn),返回值為true或者false1、該方法用來(lái)判斷一個(gè)元素是否有子節(jié)點(diǎn)2、返回值為true或者false3、文本節(jié)點(diǎn)和屬性節(jié)點(diǎn)不可能再包含子節(jié)點(diǎn),所以對(duì)于這兩類節(jié)點(diǎn)使用
4、ChildNodes()方法返回值永遠(yuǎn)為false.4、如果hasChildNodes()返回值為false,則childNodes,firstChild,lastChild將為空數(shù)組或者空字符串。(5)nodeName1.如果節(jié)點(diǎn)是元素節(jié)點(diǎn),nodeName返回元素的名稱2.如果給定節(jié)點(diǎn)為屬性節(jié)點(diǎn),nodeName返回屬性的名稱3.如果給定節(jié)點(diǎn)為文本節(jié)點(diǎn),nodeName返回為#text的字符串(6)nodeType1、元素節(jié)點(diǎn)類型值為12、屬性節(jié)點(diǎn)類型值為220currencydeposit,weprescribeapassonaregula
5、rbasis,qilucardaccountonaregularbasis),certificatebondsandsavingsbonds(electronic);3.notdrawnonabanksavingscertificate,certificatebondsapplyformortgageloans,acceptingonlythelender3、文本節(jié)點(diǎn)類型值為3(7)nodeValue1.如果給定節(jié)點(diǎn)是屬性節(jié)點(diǎn),返回值是這個(gè)屬性的值2.如果給定節(jié)點(diǎn)是文本節(jié)點(diǎn),返回值是這個(gè)文本節(jié)點(diǎn)的內(nèi)容3.如果給定節(jié)點(diǎn)是元素節(jié)點(diǎn),返回值是null(
6、8)replaceChild()1.把一個(gè)給定父元素里的一個(gè)子節(jié)點(diǎn)替換為另外一個(gè)子節(jié)點(diǎn)2.varreference=element.replaceChild(newChild,oldChild)3.返回值指向已經(jīng)被替換掉的那個(gè)子節(jié)點(diǎn)的引用(9)getAttribute()1、返回一個(gè)給定元素的給定屬性的節(jié)點(diǎn)的值2、varattributeValue=element.getAttribute(attributeName)3、給定屬性的名字必須以字符串的形式傳遞給該方法4、給定屬性的值將以字符串的形式返回5、通過(guò)屬性獲取屬性節(jié)點(diǎn)(10)setAttr
7、ibute()1、將給定元素添加一個(gè)新的屬性或改變它現(xiàn)有屬性的值2、element.setAttribute(attributeName,attributeValue);3、屬性的名字和值必須以字符串的形式傳遞4、如果這個(gè)屬性已經(jīng)存在,那么值將被attributeValue取代5、如果這個(gè)屬性不存在,那么先創(chuàng)建它,再給他賦值(11)createElement()1、按照給定的標(biāo)簽名創(chuàng)建一個(gè)新的元素節(jié)點(diǎn),方法的參數(shù)為被創(chuàng)建的元素的名稱2、varreference=document.createElement(elementName);3、方法的返回
8、值指向新建節(jié)點(diǎn)的引用,返回值是一個(gè)元素節(jié)點(diǎn),所以nodeType為14、新建的節(jié)點(diǎn)不會(huì)自動(dòng)添加到文檔里,只是存在于document里一個(gè)