溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

js如何設置css高度

發布時間:2021-05-14 11:42:31 來源:億速云 閱讀:467 作者:小新 欄目:web開發

這篇文章主要介紹了js如何設置css高度,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。

js設置css高度的方法:1、通過js修改html文件中div的style中值來修改div的高度;2、使用js修改CSS文件中的div的height的值。

本文操作環境:Windows7系統、javascript1.8.5&&HTML5&&CSS3版、Dell G3電腦。

js如何給div設置高度?

首先打開我們測試的編輯工具 我這里使用的是Eclipse

我們新建一個測試項目然后新建一個index.html、basic.js和basic.css文件

js如何設置css高度

第一種方法是js修改html文件中div的style中值來修改div的高度 HTML文件中的文件代碼如圖所示

js如何設置css高度

運行之后我們看到兩個div的高度是一樣的 接下來我們就使用js修改高度

js如何設置css高度

這時我們敲js中的代碼 獲取div1的id 使用css屬性對應的style屬性然后設置高度 如圖所示

js如何設置css高度

第二種方法是使用js修改CSS文件中的div的height的值 HTML文件中的代碼如圖所示

js如何設置css高度

樣式表css文件中的代碼如圖所示  運行項目之后 你會看到兩個div的高度是一樣的 這里就不測試了

js如何設置css高度

然后我們是在js文件中獲取div1的id屬性 然后使用obj.style.cssTest來修改嵌入式的css

js如何設置css高度

然后運行項目之后 兩次結果都是一樣的 div的高度改變了

js如何設置css高度

感謝你能夠認真閱讀完這篇文章,希望小編分享的“js如何設置css高度”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,更多相關知識等著你來學習!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女