html5新增的classlist有什么用

590 ℃

classList属性,用于实现对class的操作,classList属性返回元素的类名,作为DOMTokenList对象,该属性用于在元素中添加,移除及切换CSS类。

classList属性有以下几种方法:

(1)通过classList可以获取元素的全部类名;

(2)通过classList.remove()可以删除元素的一个或多个类名;

(3)通过classList.add()可以向元素添加一个或多个类名;

(4)通过classList.lentgh可以获取到元素类名的数量;

(5)通过classList.item(x)可以获取到元素类名索引为x的类名;

(6)通过classList.toggle可以为元素切换类;

(7)通过classList.contains(x)查看元素是否存在类名为”x”的类;

classList基本用法:

var data = document.getElementById("data").classList;
var info=document.getElementById("info");
function red()
{
  if(!data.contains("red"))
  {
  	data.add("red");
  }
  display();
}

html5语法中如何嵌入视频

classList.add和classList.remove不兼容ie6/7/8/9解决方法

html5语法中关于querySelector()基本用法

标签: classlist, DOMTokenList, html5语法

上面是“html5新增的classlist有什么用”的全面内容,想了解更多关于 前端知识 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_4277.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

生活小工具

收录了万年历、老黄历、八字智能排盘等100+款小工具!生活小工具
帝国CMS7.2版本的QQ免绑定登陆插件
帝国CMS7.0技巧之信息列表支持静态与动态相结合
seo新手应该如何看懂蜘蛛日志呢?
免费开源企业级前端 UI 组件库——TinyVue
帝国CMS7.5版动态页新增缓存,让动态模式的网站