js獲取盒子模型的高寬

2021-09-10 07:53:11 字數 292 閱讀 3274

dom.style.width/height 只能獲取到內聯樣式的屬性值,外部樣式、內部樣式的屬性值是獲取不到的。

dom.currentstyle.width/height        只有ie支援

window.getcomputedstyle(dom).width/height   通用性好

dom.getboundingclientrect().width/height      絕對定位獲取的長度,這個方法有4個屬性 top left width height ,定位原點在左上角,所以也可以獲取盒子模型的高寬。

css盒子模型 CSS盒子模型寬高設定須知

元素空間大小 element空間高度 height padding margin border element空間寬度 width padding margin border 元素實際大小 element實際高度 height padding margin elenment實際寬度 width pa...

盒子模型之元素寬高屬性

align center 盒子模型之元素寬高屬性 align b 1.1概述 b 每個元素都有乙個繼承的height和width屬性。根據元素的不同目的,可以修改元素的height和width值以覆蓋其預設值。乙個元素預設的height屬性由其內容決定。在垂直方向上所有元素都會盡可能的伸縮來適應內容...

js盒子模型

通過js中提供一系列的方法和屬性獲取頁面中元素的樣式資訊值 內容的寬高 是給元素定義的width height這兩個樣式。如果沒有設定height值,容器的高度會根據裡面內容自己適應,這樣獲取的值就是真實的內容的高 如果設定固定的高度,不管內容是多少,內容的高度指的都是設定的這個值 真實內容的寬高 ...