js怎么设置css高度

js设置css高度的方法:1、通过js修改html文件中div的style中值来修改div的高度;2、使用js修改CSS文件中的div的height的值。

js怎么设置css高度

本文操作环境:Windows7系统、javascript1.8.5&&HTML5&&CSS3版、Dell G3电脑。

js如何给div设置高度?

首先打开我们测试的编辑工具 我这里使用的是Eclipse

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

立即学习“前端免费学习笔记(深入)”;

a716d933a0a58cf55873aa0b7a3ed35.png

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

9b094da12090344d4e09ab4f661212f.png

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

a9267dbece18146cbbca9b93523c941.png

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

0f5987d0870bdd683fc050f1981f5cd.png

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

3cdf09e25474adcb9073394a67c5164.png

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

1a4b9d8c1c753245a7689c1a87f8bbb.png

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

492b9705399458bf22b095efaf61415.png

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

cb6876f46bc7b165b7ff7db6ecf2b30.png

推荐学习:《css视频教程》

以上就是js怎么设置css高度的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2950600.html

(0)
上一篇 2025年3月11日 23:28:48
下一篇 2025年3月7日 21:50:16

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • js和html的区别是什么

    区别:1、HTML是标记语言,JS是脚本语言。2、HTML在网页上提供静态内容,JS向静态网页添加动态功能。3、HTML基于W3C和WHATWG标准,JS基于ECMA标准。4、HTML是跨浏览器兼容的,而JS缺乏跨浏览器兼容性。 本教程操作…

    2025年3月11日
    200
  • js是什么意思?

    js是JavaScript的意思,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,用来给HTML网页增加动态功能。 本教程操作环境:windows7…

    2025年3月11日
    200
  • html中js是什么

    在html中,js全称JavaScript,是面向Web的编程语言,是一种属于网络的脚本语言,被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。 本教程操作环境:windows7系统、HTML5&…

    2025年3月11日
    200
  • js如何控制css

    js控制css的方法:1、通过style属性或者“setAttribute()”来更改样式;2、改变伪类“(after,before)”的“content”内容;3、通过更改类名来更改样式等等。 本文操作环境:windows7系统、java…

    2025年3月11日
    200
  • js与css的区别是什么

    区别是:1、CSS为网页表现、JS为网页行为;2、css对网页进行静态修饰,可以使页面以一定的布局方式显示出来,而js对页面的各种动态效果进行处理,可用来实现网页和人交互的功能等。 本教程操作环境:windows7系统、CSS3&&…

    2025年3月11日
    200
  • js怎么替换css样式

    js替换css样式的方法:1、使用obj.className来修改样式表的类名;2、使用obj.style.cssText来修改嵌入式的css;3、使用obj.className来修改样式表的类名;4、更改外联的css文件。 本文操作环境:…

    2025年3月11日
    200
  • javascript怎么清除所有定时器

    在JS中,可利用for循环和clearInterval()函数来清除所有定时器,语法“end=setInterval(function(){},10000);for(i=1;i 本教程操作环境:windows7系统、javascript1.…

    2025年3月11日 编程技术
    200
  • html和body标签的区别有哪些

    区别:1、html标签是文档的根元素;body标签是文档的主体元素;2、应该应用在html和body标签的全局样式不同;3、JS中html对应“document.documentElement”,body对应“document.body”。…

    2025年3月11日
    200
  • css和js的区别是什么

    css和js的区别:1、CSS为网页表现、JS为网页行为。2、CSS是用来修饰网页样式的,即美化HTML页面;而js可对页面的各种动态效果进行处理,是用来实现网页和人交互的功能。 本教程操作环境:windows7系统、CSS3&&a…

    2025年3月11日
    200
  • 前端js是指JavaScript吗

    前端js是指JavaScript。js全称JavaScript,是一种前端开发语言,经常与html、css技术一起构成前端开发;它已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。 本教程操作…

    2025年3月11日
    200

发表回复

登录后才能评论