DOM基本操作4

2021-08-29 23:15:41 字數 1243 閱讀 8829

檢視元素的幾何尺寸

domele.getboundingclientrect();

相容性很好

該方法返回乙個物件,物件裡面有left,top,right,bottom等屬性。left和top代表該元素左上角的x和y座標,right和bottom代表元素右下角的x和y座標

height和width屬性老版本ie並未實現

返回的結果並不是「實時的」(靜態的)

檢視元素的尺寸

dom.offsetwidth,dom.offsetheight

檢視元素的位置

dom.offsetleft, dom.offsettop

對於無定位父級的元素,返回相對文件的座標。對於有定位父級的元素,返回相對於最近的有定位的父級的座標。

dom.offsetparent

返回最近的有定位的父級,如無,返回body, body.offsetparent 返回null

讓滾動條滾動

window上有三個方法

scroll(),scrollto(),scrollby();

前面兩個作用一樣。

三個方法功能類似,用法都是將x,y座標傳入。即實現讓滾動輪滾動到當前位置。

區別:scrollby()會在之前的資料基礎之上做累加。

eg:利用scrollby() 快速閱讀的功能

**:在html中:

start

stop

在js中:

dom4j 基本操作

14.一.document物件相關 15.16.1.讀取xml檔案,獲得document物件.17.saxreader reader new saxreader 18.document document reader.read new file input.xml 19.20.2.解析xml形式的文...

DOM 基本操作

關於dom 1.html 文件可以看成是一棵樹,其中的內容是這棵樹的節點 2.dom 樹上的節點之間有父子關係 兄弟關係 3.節點之間還有順序關係 4.可以通過對 dom 樹的操作來修改 html 文件 文件處理 1.內部插入 培訓 3 prepend content 向每個元素內部的前部新增 di...

DOM基本操作

獲取節點的屬性 1.獲取div的上乙個節點 div.previoussibling 2.獲取div的上乙個標籤節點 div.previouselementsibling 3.獲取div的下乙個節點 div.nextsibling 4.獲取div的下乙個標籤節點 div.nextelementsibl...