資源描述:
《獲取dom節(jié)點的常用方法》由會員上傳分享,免費在線閱讀,更多相關內(nèi)容在行業(yè)資料-天天文庫。
1、Dom節(jié)點的獲取簡析dom對象是與瀏覽器和操作系統(tǒng)無關的一些對象的集合(documentobjectmodel文檔對象模型)!我認為,它是下屬bom對象的,而bom(browserobjectmodel),是受到瀏覽器和操作系統(tǒng)影響的!所以,我們應當盡量的避免bom的使用!首先,我們要樹立一個概念,一般在網(wǎng)頁中有的標簽,就有相應的dom節(jié)點對象與之相對應!。接著,我們了解一下dom節(jié)點的基本知識。文檔對象模型,顧名思義,就是將網(wǎng)頁中的一個個標簽當做一個個的對象!這些網(wǎng)頁中的標簽(標簽中的屬性、文本、注釋),在js中被稱為一個個的節(jié)點!而節(jié)點又可以有自己的子節(jié)點,有自己的
2、屬性和方法!以此類推,可以無限制的延伸下去!就像是一個倒立著的大樹!而他的根節(jié)點只有一個(document)!將眾多的節(jié)點歸位了一下幾種類型:整個文檔是一個文檔節(jié)點;一個標簽是一個元素節(jié)點;一個屬性是一個屬性節(jié)點;一個文本是一個文本節(jié)點(它是作為元素節(jié)點的第一個子節(jié)點而存在的!);注釋又是注釋節(jié)點!節(jié)點本身的屬性:每一個上述的節(jié)點都有相關的屬性,用來存儲相關的信息!這些屬性主要包括以下三個nodeName,nodeValue,nodeType我們來詳細講解以下!《1nodeName:元素節(jié)點的nodeName是標簽的名稱;屬性節(jié)點的nodeName是屬性名稱(不過有一個
3、問題,就是如何訪問到屬性節(jié)點呢?);文本節(jié)點的nodeName永遠是#text;文檔節(jié)點的nodeName永遠是#document《2nodeValue:元素和文檔的nodevalue是不可用的;文本節(jié)點的nodeValue是文本自身;屬性節(jié)點的nodeVlaue是屬性值!《3nodeType:屬性節(jié)點的類型!nodeType是只讀屬性!元素節(jié)點是1,屬性節(jié)點是2,文本節(jié)點是3,注釋節(jié)點是8,文檔節(jié)點是9!在了解到什么是節(jié)點以及節(jié)點的相關屬性后!我們接下來要去學習一下如何訪問節(jié)點!一利用dom內(nèi)在的方法獲取節(jié)點!(1)document.documentElement()
4、;(2)document.getElementById();有一點,我們要注意,getElementById()方法只能夠用于document這個文檔對象!而,getElementsByTagName()方法是既可以用于document這個文檔對象,也可以用于其他的節(jié)點對象!二利用節(jié)點之間的父子,兄弟關系獲取節(jié)點。a?parentNode當前節(jié)點的父節(jié)點的引用!b?childNodes當前節(jié)點的所有子節(jié)點c?firstChilde當前節(jié)點的第一個子節(jié)點(一般用來訪問文本節(jié)點,文本節(jié)點默認為,標簽節(jié)點的第一個子節(jié)點)d?lastChild當前節(jié)點的最后一個子節(jié)點e?pre
5、viousSibling當前節(jié)點的前一個兄弟節(jié)點!f?nextSibling當前節(jié)點的后一個兄弟節(jié)點!該講的基本上都講完了,但是,還是需要給大家提醒一點,我也是最近才認識到的。(documentElement表示文檔的根節(jié)點,通常是相對應的標簽式HTML。而body標簽就是body標簽的對象化!它的重要性比documentElement大的多!正因為這樣,document對象具有body對象的直接引用!)河南魏華壓濾機(www.hnwhylj.com壓濾機、板框式壓濾機、廂式壓濾機),盾旗壓濾機(www.dqylj.com壓濾機、板框式壓濾機、廂式壓濾機),,鄭州豐和食
6、品添加劑(www.fhsp88.com瓜爾豆膠,海藻酸鈉,刺槐豆膠)