JS獲取元素寬高的兩種情況

2021-09-28 11:13:19 字數 332 閱讀 8533

js獲取元素寬高分兩種情況,

一、內聯樣式,也就是直接把width和height寫在html元素中的style裡:

這種情況使用     document.getelementbyid('***').style.width即可獲取寬度(高度同理)

二、寫在css樣式表中,這種情況使用 document.getelementbyid('***').style.width是獲取不到的

應使用 document.getelementbyid('***').currentstyle.width 來獲取

更多專業前端知識,請上

【猿2048】www.mk2048.com

js怎麼獲取元素的寬高

第一種情況就是寬高都寫在 樣式表裡,就比如 div1。這中情況通過 div1.style.width拿不到寬度,而通過 div1.offsetwidth 才可以獲取到寬度。第二種情況就是寬和高是寫在 行內中,比如style width 120px 這中情況通過上述2個方法都能拿到寬度。小結,因為id...

js獲取元素實際精確寬高

解決方法1 window.getcomputedstyle 使用方法 window.getcomputedstyle element 這個方法是js裡提供元素屬性最全的方法,裡面包含幾百個屬性,我們把它在控制台列印出來console.log window.getcomputedstyle docum...

js獲取螢幕元素寬高值

螢幕解析度的寬高 window.screen.width window.screen.height 螢幕可用工作區寬高 window.screen.ailwidth window.screen.ailheight 網頁可見區域寬高 document.body.clientwidth document...