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

SmallBoyO 發(fā)布于2019-08-29 15:43 / 901人閱讀

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

1.offsetLeft/offsetTop

offsetLeft/offsetTop : 到定位父級(jí)節(jié)點(diǎn)的距離.




    
    Title

2.node.getBoundingClientRect

    返回值是一個(gè)對(duì)象，包含了元素盒模型的詳細(xì)信息(可視大小)；
    取對(duì)象中詳細(xì)的屬性值(相對(duì)于瀏覽器可視區(qū)域)。

3.getAtrribute：獲取元素屬性

3.setAttribute和removeAttribute

setAttribute:設(shè)置的自定義屬性在行間。
removeAttribute：刪除行間所在的自定義屬性。

4.移入移出效果

移入當(dāng)前數(shù)字，數(shù)字的前后背景變色。點(diǎn)擊查看效果

云服務(wù)器 GPU云服務(wù)器二十四第二十四 js零基礎(chǔ)入門視頻入門篇

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

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

相關(guān)文章

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

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

bladefury 2019-08-02 16:02 評(píng)論0 收藏0
JS基礎(chǔ)入門篇（二十四）—DOM（下）

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

mcterry 2019-08-22 18:03 評(píng)論0 收藏0
JS基礎(chǔ)入門篇（二十四）—DOM（上）

摘要：常用的節(jié)點(diǎn)類型，，，。一句話這里是注釋找到的父節(jié)點(diǎn)獲取節(jié)點(diǎn)的一級(jí)的元素子節(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) ...

Amio 2019-08-22 18:02 評(píng)論0 收藏0
JS基礎(chǔ)入門篇（二十四）—DOM（上）

摘要：常用的節(jié)點(diǎn)類型，，，。一句話這里是注釋找到的父節(jié)點(diǎn)獲取節(jié)點(diǎn)的一級(jí)的元素子節(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 2019-08-02 10:41 評(píng)論0 收藏0
JS基礎(chǔ)入門篇（二十四）—DOM（上）

摘要：常用的節(jié)點(diǎn)類型，，，。一句話這里是注釋找到的父節(jié)點(diǎn)獲取節(jié)點(diǎn)的一級(jí)的元素子節(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 2019-08-30 15:53 評(píng)論0 收藏0