使用js控制css样式

js拥有很多强大的功能，这里就说一下它的一个控制css最基础的功能，代码如下：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>js控制css样式</title><script>window.onload=function(){//这是入口函数，等css运行完后再运行jsvar fbox = document.getElementById("box1");//这是把css里把id叫做box1的函数提到js里面，进而修改它的样式fbox.style.width='100px';fbox.style.height='100px';fbox.style.backgroundColor='red'}</script>
</head>
<body>
<div id="box1">这是js控制的css样式
</div>
<div">这是没有js控制的css样式
</div></body>
</html>

我上面这个代码就是运用了js来控制css的样式。

使用js控制css样式相关推荐

JS控制CSS样式语法对照
CSS与JS紧密配合,为我们的页面增添了很多别致的效果.为了达到某种特殊的效果我们需要用Javascript动态的去更改某一个标签的CSS属性. 例如常用的关闭某个漂浮的广告显示:document.g ...
原生js更改html,原生js更改css样式的两种方式
原生js更改css样式的两种方式发布时间:2020-08-30 01:46:17 来源:脚本之家阅读:148 作者:外婆的彭湖湾下面我给大家介绍的是原生js更改CSS样式的两种方式: 1. 通过 ...
css view a if属性,uni-app学习笔记（2）view属性控制css样式
uni-app学习笔记(2)view属性控制css样式 uniapp通过标签属性来改变样式当鼠标按下去的时候,他会变成这个样式 hover-class="box-active" ...
重学前端第一阶段完钢琴项目(document.querySelector js改变css样式的3种方式思路成品)
菜鸟学完之后,总是感觉学了也还是不会,主要就是因为没有实践,不知道自己到底哪里有问题!虽然说我还没复习完,前端很大一部分都处于模糊阶段,但是感觉还是应该先尽力做一个简单的东西,把这几天学的都用进去,遇 ...
通过JS修改CSS样式
通过JS修改CSS样式有两种方法: 修改某一属性的值修改某一元素的class名,使其被别的样式修饰修改某一属性的值 <!DOCTYPE html> <html> <h ...
JS设置CSS样式的几种方式（js设置!important）
JS设置CSS样式的几种方式(js设置!important) x619y 用JS来动态设置CSS样式,常见的有以下几种 1. 直接设置style的属性某些情况用这个设置 !important值无效 ...
JS设置CSS样式的几种方式
JS设置CSS样式的几种方式 1.直接设置style的属性某些情况下用这个设置!import值无效如果属性有"-"号,就需要使用驼峰命名法(如textAlign),如果想保留& ...
html js 设置样式,原生js设置样式笔记：JS设置CSS样式的几种方式
document(id名).style.backgroundColor = "ren" css里的属性有-的就去掉将首字母大写. js如何添加CSS样式中的class添加属性用J ...
js基础总结——js 获取元素节点、js 绑定onclick事件、js 获取属性修改属性值、js 获取子元素、js 改变css样式
参考书籍:<JavaScript DOM编程艺术第2版> 本博客代码的测试页面是:https://www.layui.com/ js dom操作 js 获取元素节点一份document ...

使用js控制css样式

使用js控制css样式

使用js控制css样式相关推荐

最新文章

热门文章