美文网首页初学前端
JavaScript动态增删 css类

JavaScript动态增删 css类

作者: 简约酒馆 | 来源:发表于2019-12-07 21:15 被阅读0次

js使用setAttribute添加的类会把原来的类覆盖 ,classList则不会但是IE及版本的浏览器有兼容问题

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .kk{
            color: red;
        }
    </style>
</head>
<body>
<div class="dd">傻猪</div>
<script>
    var oDiv=document.querySelector(".dd")    //获取元素
    console.log(oDiv)
    oDiv.classList.add("kk")            //添加元素
    oDiv.classList.remove("kk")         //删除
</script>
</body>
</html>

相关文章

  • JavaScript动态增删 css类

    js使用setAttribute添加的类会把原来的类覆盖 ,classList则不会但是IE及版本的浏览器有兼容问题

  • JavaScript动态加载js和css

    动态加载js 参考:javascript 性能优化 动态加载css 参考: 动态加载 css 方法实现和深入解析 ...

  • JavaScript学习笔记

    JavaScript -html搭建网页的结构和内容-css用于美化页面-JavaScript 给页面添加动态效果...

  • JavaScript

    一、js的作用 js能动态修改(增删)html和css的代码 能动态的校验数据 二、js特点:# 交互性 安全性,...

  • JAVA从零开始实现数据结构一:顺序表

    完整的MyArrayList类,包含增删改查操作,并且增加容错与数组动态扩容 测试类 输出结果

  • 【前端】-031-DOM编程-样式操作

    CSS DOM概述 通过JavaScript语言,使用DOM对象接口,动态的修改CSS内容,到达对页面样式进行变更...

  • javascript 动态修改css样式方法汇总(四种方法)

    为了达到某种特殊的效果我们需要用Javascript动态的去更改某一个标签的Css属性,如何动态修改css样式呢?...

  • React笔记 -- Node节点

    moment -- JavaScript 日期处理类库 CSS 弹性盒子模型

  • DOM整理

    DHTML的功能 //DHTML不是新语言,DNTML=HTML+css+JavaScript 动态改变页面元素...

  • 2020-04-09

    JavaScript篇 各司其职例:直接使用CSS类的切换(避免直接使用js改变css样式) 使用CSS代替JS例...

网友评论

    本文标题:JavaScript动态增删 css类

    本文链接:https://www.haomeiwen.com/subject/xtcpgctx.html