js操作CSS样式简单案例

最新推荐文章于 2022-09-28 16:54:22 发布

VIP文章冯晓如

最新推荐文章于 2022-09-28 16:54:22 发布

阅读量326

点赞数

分类专栏： Web前端文章标签： js操作css简单案例

本文链接：https://blog.csdn.net/honeygirl_/article/details/103002601

版权

js操作CSS样式简单案例

案例1.设计网页换肤
js可实现用户对页面中的选择条件改变页面中的样式，页面样式可以通过style修饰，也可以通过css修饰，先来看一下js改变style样式，代码如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

 <head>
 
  <title>网页换肤</title>
  
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
   
 <script language="javascript">
 
   function test4(event) {
      if(event.value == "黑色") {
       //获取div1
       var div1 = document.getElementById('div1');
       div1.style.backgroundColor="black";
      }
      if(event.value == "红色") {
       //获取div1
       var div1 = document.getElementById('div1');
       div1.style.backgroundColor="red";
      }
     }
 </script>
 
</head>

<body>
 <div id="div1"

最低0.47元/天解锁文章

冯晓如

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
js操作CSS样式简单案例

js操作CSS样式简单案例案例1.设计网页换肤js可实现用户对页面中的选择条件改变页面中的样式，页面样式可以通过style修饰，也可以通过css修饰，先来看一下js改变style样式，代码如下：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> ...
复制链接

扫一扫