處理及遍歷XML文檔DOM元素屬性及方法整理
更新時(shí)間:2013年08月23日 18:04:15 作者:
本文整理了一些用于處理及遍歷XML文檔的DOM元素屬性與方法及動(dòng)態(tài)創(chuàng)建內(nèi)容時(shí)所用的W3C DOM屬性和方法,有需求的朋友可以參考下,希望對(duì)大家有所幫助
用于處理XML文檔的DOM元素屬性
childNodes:返回當(dāng)前元素所有子元素的數(shù)組;
firstChild:返回當(dāng)前元素的第一個(gè)下級(jí)子元素;
lastChild:返回當(dāng)前元素的最后一個(gè)子元素;
nextSibling:返回緊跟在當(dāng)前元素后面的元素;
noedValue:指定表示元素值的讀/寫屬性;
parentNode:返回元素的父節(jié)點(diǎn);
previousSibling:返回緊鄰當(dāng)前元素之前的元素;
用于遍歷XML文檔的DOM元素方法
getElementById(id)(document):獲取有指定唯一ID屬性值文檔中的元素;
getElementsByTagName(name):返回當(dāng)前元素中指定標(biāo)記名的子元素的數(shù)組;
hasChildNodes():返回一個(gè)布爾值,指示元素是否有子元素;
getAttribute(name):返回元素的屬性值,屬性由name指定;
動(dòng)態(tài)創(chuàng)建內(nèi)容時(shí)所用的W3C DOM屬性和方法
document.createElement(tagName):文檔對(duì)象上的createElement方法可以創(chuàng)建由tagName指定的元素,如果以串div作為方法參數(shù),就會(huì)生成一個(gè)div元素;
document.createTextNode(text):文檔對(duì)象的createTextNode方法會(huì)創(chuàng)建一個(gè)包含靜態(tài)文本的節(jié)點(diǎn);
<element>.appendChild(childNode):appendChild方法將指定的節(jié)點(diǎn)增加到當(dāng)前元素的子節(jié)點(diǎn)列表(作為一個(gè)新的子節(jié)點(diǎn))。例如,可以增加一個(gè)option元素,作為select元素的子節(jié)點(diǎn);
<element>.getAttriture(name):這些方法分別獲得和設(shè)置元素中name屬性的值;
<element>.setAttritube(name,value):這些方法分別獲得和設(shè)置元素中name屬性的值;
<element>.insertBefore(newNode,targetNode):這個(gè)方法將節(jié)點(diǎn)newNode作為當(dāng)前元素的子節(jié)點(diǎn)插到targetNode元素前面;
<element>.removeAttribute(name):這個(gè)方法從元素中刪除屬性name;
<element>.removeChild(childNode):這個(gè)方法從元素中刪除子元素childNode;
<element>.replaceChild(newNode,oldNode):這個(gè)方法將節(jié)點(diǎn)oldNode替換為節(jié)點(diǎn)newNode;
<element>.hasChildnodes():這個(gè)方法返回一個(gè)布爾值,指定元素是否有子元素;
復(fù)制代碼 代碼如下:
childNodes:返回當(dāng)前元素所有子元素的數(shù)組;
firstChild:返回當(dāng)前元素的第一個(gè)下級(jí)子元素;
lastChild:返回當(dāng)前元素的最后一個(gè)子元素;
nextSibling:返回緊跟在當(dāng)前元素后面的元素;
noedValue:指定表示元素值的讀/寫屬性;
parentNode:返回元素的父節(jié)點(diǎn);
previousSibling:返回緊鄰當(dāng)前元素之前的元素;
用于遍歷XML文檔的DOM元素方法
復(fù)制代碼 代碼如下:
getElementById(id)(document):獲取有指定唯一ID屬性值文檔中的元素;
getElementsByTagName(name):返回當(dāng)前元素中指定標(biāo)記名的子元素的數(shù)組;
hasChildNodes():返回一個(gè)布爾值,指示元素是否有子元素;
getAttribute(name):返回元素的屬性值,屬性由name指定;
動(dòng)態(tài)創(chuàng)建內(nèi)容時(shí)所用的W3C DOM屬性和方法
復(fù)制代碼 代碼如下:
document.createElement(tagName):文檔對(duì)象上的createElement方法可以創(chuàng)建由tagName指定的元素,如果以串div作為方法參數(shù),就會(huì)生成一個(gè)div元素;
document.createTextNode(text):文檔對(duì)象的createTextNode方法會(huì)創(chuàng)建一個(gè)包含靜態(tài)文本的節(jié)點(diǎn);
<element>.appendChild(childNode):appendChild方法將指定的節(jié)點(diǎn)增加到當(dāng)前元素的子節(jié)點(diǎn)列表(作為一個(gè)新的子節(jié)點(diǎn))。例如,可以增加一個(gè)option元素,作為select元素的子節(jié)點(diǎn);
<element>.getAttriture(name):這些方法分別獲得和設(shè)置元素中name屬性的值;
<element>.setAttritube(name,value):這些方法分別獲得和設(shè)置元素中name屬性的值;
<element>.insertBefore(newNode,targetNode):這個(gè)方法將節(jié)點(diǎn)newNode作為當(dāng)前元素的子節(jié)點(diǎn)插到targetNode元素前面;
<element>.removeAttribute(name):這個(gè)方法從元素中刪除屬性name;
<element>.removeChild(childNode):這個(gè)方法從元素中刪除子元素childNode;
<element>.replaceChild(newNode,oldNode):這個(gè)方法將節(jié)點(diǎn)oldNode替換為節(jié)點(diǎn)newNode;
<element>.hasChildnodes():這個(gè)方法返回一個(gè)布爾值,指定元素是否有子元素;
相關(guān)文章
JavaScript中對(duì)JSON對(duì)象的基本操作示例
JSON格式本就發(fā)自于JavaScript中的對(duì)象和數(shù)組,所以js操作起來自然也是最為簡(jiǎn)單原始,接下來我們就來看一些常用的JavaScript中對(duì)JSON對(duì)象的基本操作示例2016-05-05JavaScript高級(jí)程序設(shè)計(jì)(第3版)學(xué)習(xí)筆記7 js函數(shù)(上)
如果說對(duì)象是房間,那么函數(shù)就是有魔幻效應(yīng)的房間了。函數(shù)首先是對(duì)象,然后這個(gè)函數(shù)對(duì)象還具有很多魔幻功能2012-10-10JavaScript中操作字符串之localeCompare()方法的使用
這篇文章主要介紹了JavaScript中操作字符串之localeCompare()方法的使用,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06javascript之函數(shù)直接量(function(){})()
javascript之函數(shù)直接量(function(){})()...2007-06-06JavaScript入門教程(6) Window窗口對(duì)象
他是JavaScript中最大的對(duì)象,它描述的是一個(gè)瀏覽器窗口。一般要引用它的屬性和方法時(shí),不需要用“window.xxx”這種形式,而直接使用“xxx”。一個(gè)框架頁面也是一個(gè)窗口。2009-01-01