JS基礎入門篇（二十四）—DOM（下）

mcterry 發(fā)布于2019-08-22 18:03 / 1769人閱讀

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

1.offsetLeft/offsetTop

offsetLeft/offsetTop : 到定位父級節(jié)點的距離.




    
    Title

2.node.getBoundingClientRect

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

3.getAtrribute：獲取元素屬性

3.setAttribute和removeAttribute

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

4.移入移出效果

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

云服務器 GPU云服務器二十四第二十四 js零基礎入門視頻入門篇

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

轉載請注明本文地址：http://systransis.cn/yun/95452.html

JS基礎入門篇（二十四）—DOM（下）

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

bladefury 2019-08-02 16:02 評論0 收藏0
JS基礎入門篇（二十四）—DOM（下）

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

SmallBoyO 2019-08-29 15:43 評論0 收藏0
JS基礎入門篇（二十四）—DOM（上）

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

Amio 2019-08-22 18:02 評論0 收藏0
JS基礎入門篇（二十四）—DOM（上）

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

ChristmasBoy 2019-08-02 10:41 評論0 收藏0
JS基礎入門篇（二十四）—DOM（上）

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

Songlcy 2019-08-30 15:53 評論0 收藏0