溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“javascript如何設置元素的寬高”，在日常操作中，相信很多人在javascript如何設置元素的寬高問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”javascript如何設置元素的寬高”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！
javascript設置元素寬高的方法：1、獲取html元素寬高；2、通過“main.style.width”和“main.style.height”方式設置元素的寬高即可。
本文操作環境：windows7系統、javascript1.8.5版、DELL G3電腦
javascript怎么設置元素的寬高?
JS 獲取html元素寬高 及設置寬高
獲取瀏覽器的寬高：
var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; var height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
獲取html元素寬高的兩種方式
// 首先是取到元素
var main = document.getElementById('main');
// 第一種方式
var mainWidth = main.offsetWidth,
mainHeight = main.offsetHeight;
// 第二種方式
var mainWidth3 = main.style.width,
mainHeight2 = main.style.height;兩種方式的區別是第一種方式可以取到任何情況下的寬高，而第二種方式只能取到html內定義的寬高，而不能取到css定義的寬高。
設置寬高
main.style.width = "120px"; main.style.height = "130px";
有且僅有這種方法，以下方法不可行，火狐測試。
main.style.offsetWidth = "120px"; main.style.offsetHeight = "130px";
到此，關于“javascript如何設置元素的寬高”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
