美文网首页
原生操作dom添加类

原生操作dom添加类

作者: 小豆soybean | 来源:发表于2018-07-31 10:25 被阅读0次

为 <div> 元素添加 class:

document.getElementById("myDIV").classList.add("mystyle");

为 <div> 元素添加多个类:

document.getElementById("myDIV").classList.add("mystyle", "anotherClass", "thirdClass");

为 <div> 元素移除一个类:

document.getElementById("myDIV").classList.remove("mystyle");

为 <div> 元素移除多个类:

document.getElementById("myDIV").classList.remove("mystyle", "anotherClass", "thirdClass");

检查是否含有某个CSS类

myDiv.classList.contains('myCssClass'); //return true or false

相关文章

  • 原生操作dom添加类

    为 元素添加 class: document.getElementById("myDIV").classLis...

  • 原生js的一些兼容封装

    获取Dom元素 获取样式表里的样式 添加和移除类名 添加(优化原生防止重复添加) 移除类(优化原生防止重复添加) ...

  • dom操作

    javascript 原生方法对dom节点的操作具体包括:创建、添加、删除、替换、插入、复制、移动等。 dom操作...

  • js前端面试题(每日两道3)

    1.类名操作(原生js操作name的增删查) 完成几个 DOM 元素类名操作的工具方法: addClass(dom...

  • 原生js操作DOM元素的一些使用

    1、原生js给DOM元素添加一个类名 方法一: 使用DOM.setAttribute("class","类名") ...

  • HTML5 DOM元素类名添加操作API classList简介

    熟知且常用的两种给DOM元素添加类的操作就是原生js中的 className和jQuery中的addClass。...

  • 原生JS中 DOM -- style篇

    工作上经常用到原生DOM操作,经常要查文档,收集起来方便查询 style操作 类名操作

  • jquery的class样式相关操作方法总结

    目录 JavaScript原生类样式操作获取类名添加类名替换类名删除类名 jQuery类样式操作使用attr获取和...

  • Vue解决了哪些问题

    虚拟 dom:dom 操作时非常耗性能的,不再使用原生的 dom 操作节点,极大的解放 dom 操作,但具体操作的...

  • 探一下底层

    实现按钮点击加减 1.原生js逻辑原理:先取dom上的元素,再添加事件过程都要经过先取得dom上的元素再进行操作 ...

网友评论

      本文标题:原生操作dom添加类

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