0

0

javascript如何给div设置高度

coldplay.xixi

coldplay.xixi

发布时间:2021-04-08 13:38:07

|

13393人浏览过

|

来源于php中文网

原创

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

javascript如何给div设置高度

本教程操作环境:windows7系统、javascript1.8.5版,DELL G3电脑。

javascript给div设置高度的方法:

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

9487cac015fcba4157b517318055c6a.png

立即学习Java免费学习笔记(深入)”;

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

2711b11128e65873177b4b88dbe4edf.png

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

9f6ce923d49ca6e32edb87f6f12f6ea.png

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

b00d95072a5026b9b43ddcef8d4d3ba.png

Build AI
Build AI

为您的业务构建自己的AI应用程序。不需要任何技术技能。

下载

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

2b6173feb59128245fe06b0f3d03637.png

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

e63434fe3eea35095ecdb9d4161231d.png

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

72f2b1275f856f6514c11241249bfbf248.png

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

b778a9d66051dfac5e7c75a9897f926.png

相关免费学习推荐:javascript视频教程

相关文章

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
vlookup函数使用大全
vlookup函数使用大全

本专题整合了vlookup函数相关 教程,阅读专题下面的文章了解更多详细内容。

26

2025.12.30

金山文档相关教程
金山文档相关教程

本专题整合了金山文档相关教程,阅读专题下面的文章了解更多详细操作。

28

2025.12.30

PS反选快捷键
PS反选快捷键

本专题整合了ps反选快捷键介绍,阅读下面的文章找到答案。

25

2025.12.30

表格中一行两行的方法
表格中一行两行的方法

本专题整合了表格中一行两行的相关教程,阅读专题下面的文章了解更多详细内容。

3

2025.12.30

cpu温度过高解决方法大全
cpu温度过高解决方法大全

本专题整合了cpu温度过高相关教程,阅读专题下面的文章了解更多详细内容。

5

2025.12.30

ASCII码介绍
ASCII码介绍

本专题整合了ASCII码相关内容,阅读专题下面的文章了解更多详细内容。

31

2025.12.30

GPS是什么
GPS是什么

本专题整合了GPS相关内容,阅读专题下面的文章了解更多详细内容。

3

2025.12.30

wifi拒绝接入
wifi拒绝接入

本专题整合了wifi拒绝接入相关教程,阅读下面的文章了解更多详细方法。

9

2025.12.30

丰网速运介绍
丰网速运介绍

本专题整合了丰网速运查询入口以及相关内容,阅读专题下面的文章了解更多内容。

3

2025.12.30

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 3.1万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 1.9万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 2.7万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号