DOM的節(jié)點(diǎn)

最近想學(xué)AJAX就開始看了DOM,整理一下一些知識點(diǎn)。

XML 文檔中的每個成分都是一個節(jié)點(diǎn)。
并且元素內(nèi)的文本內(nèi)容也是一個節(jié)點(diǎn),就像:

<year>2005</year>,<year>是一個元素節(jié)點(diǎn),"2005" 不是 <year>元素的值,而是一個值為"2005" 的文本節(jié)點(diǎn),該節(jié)點(diǎn)在<year>下。

  • 訪問節(jié)點(diǎn)的方法
    1.使用getElementsByTagName() 方法
    該方法返回節(jié)點(diǎn)列表,節(jié)點(diǎn)列表是節(jié)點(diǎn)的數(shù)組
    比如
    x=xmlDoc. getElementsByTagName("title");
    document.write(x[2].childNodes[0].nodeValue);
    返回的是title標(biāo)簽下文本標(biāo)簽的內(nèi)容,所以也可以看出文本并不直接屬于title。(<title lang="en">Everyday Italian</title>)
    2.通過循環(huán)(遍歷)節(jié)點(diǎn)樹
    該方法可以把相同標(biāo)簽下的不同內(nèi)容依次顯示出來
    x=xmlDoc.getElementsByTagName("title");
    for
    (i=0;i<x.length;i++)
    {
    document.write(x[i].childNodes[0].nodeValue);
    //title節(jié)點(diǎn)下的文本節(jié)點(diǎn)的內(nèi)容
    document.write("
    ");
    }
    3.通過利用節(jié)點(diǎn)的關(guān)系在節(jié)點(diǎn)樹中導(dǎo)航
    該方法可以通過檢查節(jié)點(diǎn)類型為1的話,就為元素節(jié)點(diǎn)
    if (y.nodeType==1)
    {
    document.write(y.nodeName + "");
    }
    不同節(jié)點(diǎn)類型的NodeType
    元素:1
    屬性:2
    文本:3
    注釋:8
    文檔:9
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 本篇是基于《JavaScript高級程序設(shè)計(jì)(第3版)》DOM相關(guān)章節(jié)做的整理與歸納,概述了DOM的常見節(jié)點(diǎn)類型及...
    查查查查查查克閱讀 2,641評論 2 7
  • 本章內(nèi)容 理解包含不同層次節(jié)點(diǎn)的 DOM 使用不同的節(jié)點(diǎn)類型 克服瀏覽器兼容性問題及各種陷阱 DOM 是針對 HT...
    悶油瓶小張閱讀 786評論 0 1
  • 第1章 認(rèn)識JS JavaScript能做什么?1.增強(qiáng)頁面動態(tài)效果(如:下拉菜單、圖片輪播、信息滾動等)2.實(shí)現(xiàn)...
    mo默22閱讀 1,514評論 0 5
  • 在某一著名咖啡廳喝咖啡,結(jié)果快喝完的時候在旁邊玻璃欄桿爬出一只小強(qiáng),這個感覺,真的是跟剛剛喝了一杯泡有小強(qiáng)的咖啡,...
    小黑瓜閱讀 193評論 0 0
  • 點(diǎn)進(jìn)一篇吸引眼球的文章,發(fā)現(xiàn)里面的內(nèi)容無關(guān)痛癢,在評論里恨恨的留下,萬惡的標(biāo)題黨,然后憤然離開。 這樣的經(jīng)歷我們大...
    沉艾ol閱讀 466評論 0 3

友情鏈接更多精彩內(nèi)容