小編給大家分享一下javascript給div設(shè)置高度的方法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

成都創(chuàng)新互聯(lián)公司是一家專業(yè)提供黎城企業(yè)網(wǎng)站建設(shè),專注與網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站設(shè)計(jì)、HTML5、小程序制作等業(yè)務(wù)。10年已為黎城眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)的建站公司優(yōu)惠進(jìn)行中。

javascript給div設(shè)置高度的方法：首先新建項(xiàng)目；然后修改html文件中div的style中值來修改div的高度；最后運(yùn)行項(xiàng)目即可。

javascript給div設(shè)置高度的方法：

1、首先我們新建一個(gè)測試項(xiàng)目然后新建一個(gè)index.html、basic.js和basic.css文件

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

3、運(yùn)行之后我們看到兩個(gè)div的高度是一樣的 接下來我們就使用js修改高度

4、這時(shí)我們敲js中的代碼 獲取div1的id 使用css屬性對(duì)應(yīng)的style屬性然后設(shè)置高度 如圖所示

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

6、樣式表css文件中的代碼如圖所示  運(yùn)行項(xiàng)目之后 你會(huì)看到兩個(gè)div的高度是一樣的 這里就不測試了

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

8、然后運(yùn)行項(xiàng)目之后 兩次結(jié)果都是一樣的 div的高度改變了

以上是“javascript給div設(shè)置高度的方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！