DOM初探(16) 檢視元素的集合尺寸

2021-09-11 17:21:00 字數 647 閱讀 3519

三:dom基本操作:

檢視元素的集合尺寸

domele.getboundingclientrect();

相容性很好

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

height和width屬性 老版本ie並未實現(width=right-left,height=bottom-top)。

返回的結果並不是」實時的」。

返回的結果並不是實時的

box的值和剛才是一樣的。

DOM元素的定位

寫js程式的時候,經常碰到了定位的問題。但每次都看到一半,找到需要的屬性就了事了。寬度 高度 jquery elem width 獲取css定義的寬度jquery elem height 獲取css定義的高度clientwidth width paddingclientheight height p...

DOM元素的獲取

通過id獲取元素 document.getelementbyid id 通過class獲取元素 document.getelementsbyclassname class 注意 這裡不相容ie8及以下,jq的話獲取class不影響這裡,假如要這樣操作的話,你需要寫個方法 function getel...

DOM元素的操作

dom元素的操作有動態建立dom元素,子父元素操作,dom元素追加,屬性設定等等.前面詳細的總結了dom元素的獲取方式,這裡複習總結一下下.使用createelement 方法建立元素 語法 document.createelement nodename 引數 nodename 引數描述 必須。建立...