您的位置是:网站首页>Javascript编程Javascript编程

javascript如何给div设置高度

少儿编程网2021-04-29 14:41:09Javascript编程 人已围观 来源:少儿编程 -用户投稿

简介javascript给div设置高度的方法:首先新建项目;然后修改html文件中div的style中值来修改div的高度;最后运行项目即可。本教程操作环境:windows7系统、javascript1.8.5版,DELLG3电脑。javascript给div设置高度的方法:1、首先我们新建一个测试项

javascript给div设置高度的方法:首先新建项目;然后修改html文件中div的style中值来修改div的高度;**后运行项目即可。M0x少儿编程网-https://www.pxcodes.com

M0x少儿编程网-https://www.pxcodes.com

本教程操作环境:windows7系统、javascript1.8.5版,DELL G3电脑。M0x少儿编程网-https://www.pxcodes.com

javascript给div设置高度的方法:M0x少儿编程网-https://www.pxcodes.com

1、首先我们新建一个测试项目然后新建一个index.html、basic.js和basic.css文件M0x少儿编程网-https://www.pxcodes.com

M0x少儿编程网-https://www.pxcodes.com

2、第一种方法是js修改html文件中div的style中值来修改div的高度 HTML文件中的文件代码如图所示M0x少儿编程网-https://www.pxcodes.com

M0x少儿编程网-https://www.pxcodes.com

3、运行之后我们看到两个div的高度是一样的 接下来我们就使用js修改高度M0x少儿编程网-https://www.pxcodes.com

M0x少儿编程网-https://www.pxcodes.com

4、这时我们敲js中的代码 获取div1的id 使用css属性对应的style属性然后设置高度 如图所示M0x少儿编程网-https://www.pxcodes.com

M0x少儿编程网-https://www.pxcodes.com

5、第二种方法是使用js修改CSS文件中的div的height的值 HTML文件中的代码如图所示M0x少儿编程网-https://www.pxcodes.com

M0x少儿编程网-https://www.pxcodes.com

6、样式表css文件中的代码如图所示 运行项目之后 你会看到两个div的高度是一样的 这里就不测试了M0x少儿编程网-https://www.pxcodes.com

M0x少儿编程网-https://www.pxcodes.com

7、然后我们是在js文件中获取div1的id属性 然后使用obj.style.cssTest来修改嵌入式的cssM0x少儿编程网-https://www.pxcodes.com

M0x少儿编程网-https://www.pxcodes.com

8、然后运行项目之后 两次结果都是一样的 div的高度改变了 M0x少儿编程网-https://www.pxcodes.com


M0x少儿编程网-https://www.pxcodes.com

相关免费学习推荐:javascript视频教程M0x少儿编程网-https://www.pxcodes.com

以上就是javascript如何给div设置高度的详细内容,更多请关注少儿编程网其它相关文章!M0x少儿编程网-https://www.pxcodes.com

来源:php中文网M0x少儿编程网-https://www.pxcodes.com


相关文章:

支持一下 ( )

javascript如何给div设置高度

      匿名评论
    • 评论
    人参与,条评论
    javascript如何给div设置高度

微信公众号

免费视频教程

先知道