javascript如何為div設定高度

javascript為div設定高度的方法：先新專案；然後修改html檔案中div的style中值來修改div的高度；最後執行專案即可。

本教學操作環境：windows7系統、javascript1.8.5版，DELL G3電腦。

javascript給div設定高度的方法：

1、首先我們新建一個測試專案然後新建一個index.html、basic.js和basic.css檔案

2、第一種方法是js修改html檔案中div的style中值來修改div的高度HTML檔案中的檔案程式碼如圖所示

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

##4 、這時我們敲js中的程式碼取得div1的id 使用css屬性對應的style屬性然後設定高度如圖所示

#5、第二種方法是使用js修改CSS檔案中的div的height的值HTML檔案中的程式碼如圖所示

#6、樣式表css檔案中的程式碼如圖所示  執行項目之後你會看到兩個div的高度是一樣的這裡就不測試了

#7、然後我們是在js檔案中取得div1的id屬性然後使用obj .style.cssTest來修改嵌入式的css

8、然後運行專案之後兩次結果都是一樣的div的高度改變了  

#相關免費學習推薦：

javascript影片教學

#

以上是javascript如何為div設定高度的詳細內容。更多資訊請關注PHP中文網其他相關文章！