JavaScript中classList属性和className的区别

className

在操作类名时，需要通过className属性添加，删除和替换类名。因为className是一共字符串，所以即使只修改字符串一部分，也必须每次都设置整个字符串的值。

var a = document.getElementBy("DIV"); a.className = "修改后的类名";

classList

就相对较而言更加方便了。

var a = document.getElementBy("DIV");
1.a.classList.length
//使用classList返回所选元素的类名，是一个数组，一个类名占一个长度 2.a.classList.add("classname1") ;
//添加一个类名
3.a.classList.remove("classname2") ;
//去掉一个类名
4.a.classLis.toggle("classname3");
//引号中的类名，有就删除，没有就添加。比较智能的结合了1,2点，用于切换十分方便
5.a.contains("classname4");
//判断一个类型是不是存在，返回true和false

JavaScript中classList属性和className的区别相关推荐

classList属性和className的区别
className的不方便之处: 在操作类名时,需要通过className属性添加,删除和替换类名.因为className中是一个字符串,所以即使只修改字符串一部分,也必须每次都设置整个字符串的值.( ...
JavaScript中的name和classname有什么区别
JavaScript 中的 name 和 className 有如下区别: name 属性通常用于表示 HTML 元素的名称,如表单元素中的 input 元素.它可以用于给服务器发送数据. class ...
java引用类型和值类型_[Java教程]JavaScript中值类型和引用类型的区别
[Java教程]JavaScript中值类型和引用类型的区别 0 2017-02-24 00:00:35 JavaScript的数据类型分为两类:原始类型和对象类型.其中,原始类型包括:数字.字符串和 ...
JavaScript 访问对象属性和方法及区别
这篇文章主要介绍了浅析JavaScript访问对象属性和方法及区别的相关资料,仅供参考属性是一个变量,用来表示一个对象的特征,如颜色.大小.重量等:方法是一个函数,用来表示对象的操作,如奔跑.呼吸. ...
详解 javascript中offsetleft属性的用法（转）
详解 javascript中offsetleft属性的用法转载 2015-11-11 投稿:mrr 我要评论本章节通过代码实例介绍一下offsetleft属性的用法,需要的朋友可以做一 ...
深入理解JavaScript中的属性和特性
深入理解JavaScript中的属性和特性 JavaScript中属性和特性是完全不同的两个概念,这里我将根据自己所学,来深入理解JavaScript中的属性和特性. 主要内容如下: 理解JavaSc ...
深入理解Javascript中构造函数和原型对象的区别
在 Javascript中prototype属性的详解这篇文章中,详细介绍了构造函数的缺点以及原型(prototype),原型链(prototype chain),构造函数(constructor) ...
JavaScript中的属性:如何遍历属性
JavaScript中的属性:如何遍历属性在JavaScript中,遍历一个对象的属性往往没有在其他语言中遍历一个哈希(有些语言称为字典)的键那么简单.这主要有两个方面的原因:一个是,JavaScr ...
[转] JavaScript中的属性:如何遍历属性
在JavaScript中,遍历一个对象的属性往往没有在其他语言中遍历一个哈希(有些语言称为字典)的键那么简单.这主要有两个方面的原因:一个是,JavaScript中的对象通常都处在某个原型链中,它会从 ...

JavaScript中classList属性和className的区别

className

classList

JavaScript中classList属性和className的区别相关推荐

最新文章

热门文章