成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

JS基礎(chǔ)入門篇（二十四）—DOM（上）

Amio / 2550人閱讀

摘要：常用的節(jié)點(diǎn)類型，，，。一句話這里是注釋找到的父節(jié)點(diǎn)獲取節(jié)點(diǎn)的一級的元素子節(jié)點(diǎn)，只獲取元素，返回的是集合。

1.常用的節(jié)點(diǎn)類型，nodeType，attributes，childNodes。 
1.元素節(jié)點(diǎn) - 1
2.屬性節(jié)點(diǎn) - 2
3.文本節(jié)點(diǎn) - 3
4.注釋節(jié)點(diǎn) - 8
5.文檔節(jié)點(diǎn) - 9

查看節(jié)點(diǎn)類型
    node.nodeType(返回的是數(shù)字)

屬性節(jié)點(diǎn)
    元素.attributes(獲取的是集合)
    元素.attributes[0]

通過元素.childNodes獲取子節(jié)點(diǎn)
    childNodes 獲取到的是一個(gè)集合
        集合中 包含了 元素的 所有子節(jié)點(diǎn)
            其中有 元素 子節(jié)點(diǎn) ,注釋,文本節(jié)點(diǎn)...

舉例說明，以下是全部代碼：




    
    Title
    


    

        
inner

        一句話
2.nodeName 

    

        
inner

        
一句話
3.parentNode,children,childNodes

node.parentNode：找到node的父節(jié)點(diǎn)
children：獲取節(jié)點(diǎn)的一級的元素子節(jié)點(diǎn)，只獲取元素，返回的是HTMLCollection集合。
childNodes：獲取節(jié)點(diǎn)的一級子節(jié)點(diǎn)，可能獲取到元素節(jié)點(diǎn)，文本節(jié)點(diǎn)，注釋節(jié)點(diǎn)等，返回的是Nodelist集合.

舉例說明，可以把代碼粘貼，自己運(yùn)行看看：





    

        

    

    
p

    一句話
4.node.previousElementSibling和node.nextElementSibling

兄弟關(guān)系

    node.previousElementSibling 上一個(gè)元素兄弟節(jié)點(diǎn)
    node.nextElementSibling 下一個(gè)元素兄弟節(jié)點(diǎn)

舉例說明，可以把代碼粘貼，自己運(yùn)行看看：



    
    
  • 1
    • 
    
  • 2
    • 
    
  • 3
    • 
    
  • 4
    •
5.node.firstElementChild和node.lastElementChild

嵌套關(guān)系

    node.previousElementSibling 第一個(gè)子級
    node.nextElementSibling 最后一個(gè)子級

舉例說明，可以把代碼粘貼，自己運(yùn)行看看：




    
1

    
2

    
3

    
4

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/95426.html

相關(guān)文章

  • JS基礎(chǔ)入門篇（二十四）—DOM（上）

    摘要：常用的節(jié)點(diǎn)類型，，，。一句話這里是注釋找到的父節(jié)點(diǎn)獲取節(jié)點(diǎn)的一級的元素子節(jié)點(diǎn)，只獲取元素，返回的是集合。 1.常用的節(jié)點(diǎn)類型，nodeType，attributes，childNodes。 1.元素節(jié)點(diǎn) - 1 2.屬性節(jié)點(diǎn) - 2 3.文本節(jié)點(diǎn) - 3 4.注釋節(jié)點(diǎn) - 8 5.文檔節(jié)點(diǎn) - 9 查看節(jié)點(diǎn)類型 node.nodeType(返回的是數(shù)字) 屬性節(jié)點(diǎn) ...

    ChristmasBoy 評論0 收藏0

  • JS基礎(chǔ)入門篇（二十四）—DOM（上）

    摘要：常用的節(jié)點(diǎn)類型，，，。一句話這里是注釋找到的父節(jié)點(diǎn)獲取節(jié)點(diǎn)的一級的元素子節(jié)點(diǎn)，只獲取元素，返回的是集合。 1.常用的節(jié)點(diǎn)類型，nodeType，attributes，childNodes。 1.元素節(jié)點(diǎn) - 1 2.屬性節(jié)點(diǎn) - 2 3.文本節(jié)點(diǎn) - 3 4.注釋節(jié)點(diǎn) - 8 5.文檔節(jié)點(diǎn) - 9 查看節(jié)點(diǎn)類型 node.nodeType(返回的是數(shù)字) 屬性節(jié)點(diǎn) ...

    Songlcy 評論0 收藏0

  • JS基礎(chǔ)入門篇（二十四）—DOM（下）

    摘要：到定位父級節(jié)點(diǎn)的距離返回值是一個(gè)對象，包含了元素盒模型的詳細(xì)信息可視大小取對象中詳細(xì)的屬性值相對于瀏覽器可視區(qū)域。移入移出效果移入當(dāng)前數(shù)字，數(shù)字的前后背景變色。 1.offsetLeft/offsetTop offsetLeft/offsetTop : 到定位父級節(jié)點(diǎn)的距離. Title div{ padding...

    bladefury 評論0 收藏0

  • JS基礎(chǔ)入門篇（二十四）—DOM（下）

    摘要：到定位父級節(jié)點(diǎn)的距離返回值是一個(gè)對象，包含了元素盒模型的詳細(xì)信息可視大小取對象中詳細(xì)的屬性值相對于瀏覽器可視區(qū)域。移入移出效果移入當(dāng)前數(shù)字，數(shù)字的前后背景變色。 1.offsetLeft/offsetTop offsetLeft/offsetTop : 到定位父級節(jié)點(diǎn)的距離. Title div{ padding...

    SmallBoyO 評論0 收藏0

  • JS基礎(chǔ)入門篇（二十四）—DOM（下）

    摘要：到定位父級節(jié)點(diǎn)的距離返回值是一個(gè)對象，包含了元素盒模型的詳細(xì)信息可視大小取對象中詳細(xì)的屬性值相對于瀏覽器可視區(qū)域。移入移出效果移入當(dāng)前數(shù)字，數(shù)字的前后背景變色。 1.offsetLeft/offsetTop offsetLeft/offsetTop : 到定位父級節(jié)點(diǎn)的距離. Title div{ padding...

    mcterry 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<