className和classList区别

js中className和classList区别

        box.className = 'active'// add 添加box.classList.add('active')// remove 移除box.classList.remove('one')// toggle 切换 如果有就删除 如果没有就新增box.classList.toggle('one')

className属性只能覆盖原有的类

classList属性有add、remove、toggle方法分别是添加类、移除类和切换类

当然还有其他的一些方法，想了解的话自行搜索查询

className和classList区别相关推荐

className 与 classList 的区别 / setAttribute和add的区别
className 与 classList 的区别 1,所有浏览器都支持className属性 classList是HTML5新增,对IE浏览器并不友好,IE10+与其他主流浏览器支持此属性. 2,c ...
JavaScript中的name和classname有什么区别
JavaScript 中的 name 和 className 有如下区别: name 属性通常用于表示 HTML 元素的名称,如表单元素中的 input 元素.它可以用于给服务器发送数据. class ...
WebAPI中className与classList的区别
className webapi中通过className更改元素样式在style标签中重新定义一个新的样式在js中直接引用:获取的元素.className=''; <style>.bo ...
class的操作：className和classList
我们操作类的时候,通过className得到是一个字符串,对于添加.删除类的时候,还需要使用正则表达式,都极为不方便.如下代码: <!DOCTYPE html> <html>& ...
HTML5与HTML4的区别（译文）
2019独角兽企业重金招聘Python工程师标准>>> 本文选译自:W3C Working Group Note: HTML5 Differences from HTML4. 解释一 ...
classlist使用方法_如何通过使用HTML5的classList API在没有jQuery的情况下操作类
classlist使用方法 by Ayo Isaiah 通过Ayo Isaiah 如何通过使用HTML5的classList API在没有jQuery的情况下操作类 (How to manipulat ...
js设置元素class方法小结及classList相关
给DOM元素设置class是我们在项目中非常容易遇到的,网上的资料和总结也比较多,下面比较全面的整理一下,希望给到大家一些帮助!并引用两种成熟的classList的兼容方法一.el.setA ...
JavaScript classList() 属性和方法解释
classList属性是 HTML 元素的一个属性,它保存当前选定元素的类名.您可以使用该属性将 HTML 元素的类名作为数组获取. 例如,假设您的<body>标签中有以下 HTML 元素 ...
原生js操作元素类名—classList.add()、classList.remove()、classList.contains()、classList.toggle()
原生js操作元素类名 classList.add( newClassName ): classList.toggle( className ): classList.remove( oldClassN ...

className和classList区别

className和classList区别相关推荐

最新文章

热门文章