javascript给div设置高度的方法

介绍

小编给大家分享一下javascript给div设置高度的方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

javascript给div设置高度的方法:首先新建项目,然后修改html文件中div的风格中值来修改div的高度;最后运行项目即可。

<强> javascript给div设置高度的方法:

1,首先我们新建一个测试项目然后新建一个index . html, basic.js和基础。css文件

 javascript给div设置高度的方法

2,第一种方法是js修改html文件中div的风格中值来修改div的高度html文件中的文件代码如图所示

 javascript给div设置高度的方法

3,运行之后我们看到两个div的高度是一样的接下来我们就使用js修改高度

 javascript给div设置高度的方法

4,这时我们敲js中的代码获取div1的id使用css属性对应的风格属性然后设置高度如图所示

 javascript给div设置高度的方法

5,第二种方法是使用js修改css文件中的div的高度的值html文件中的代码如图所示

 javascript给div设置高度的方法

6样式表css文件中的代码如图所示,运行项目之后你会看到两个div的高度是一样的这里就不测试了

 javascript给div设置高度的方法

7,然后我们是在js文件中获取div1的id属性然后使用obj.style。中国安防来修改嵌入式的css

 javascript给div设置高度的方法

8,然后运行项目之后两次结果都是一样的div的高度改变了

<强>  javascript给div设置高度的方法

以上是“javascript给div设置高度的方法”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!

javascript给div设置高度的方法