classList属性

最新推荐文章于 2023-09-07 19:43:50 发布

x_l_x

最新推荐文章于 2023-09-07 19:43:50 发布

阅读量119

点赞数

分类专栏： js 文章标签： js

本文链接：https://blog.csdn.net/qq_42740745/article/details/84259588

版权

js 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>classList属性</title>
<script type="text/javascript">
   //取的类名字符串并拆分成数组
   var classNames = div.className.split(/\s+/);
   //找到要删除的类名
   var pos = -1,
       i,
       len;
   for(i=0;len=classNames.length;i<len;i++){
       if(classNames[i]=="user"){
           pos = i;
           break;
       }
   }
   //删除类名
   classNames.splice(i,1);
   //把剩下的类名拼成字符串并重新设置
   div.className = classNames.join(" ");

   //h5为所有元素添加classList属性    这个属性是DOMTokenList的实例有length属性
   add(value);   //如果值存在就不加
   contains(value);//是存在含某值   返回boolean值
   remove(value);//删除给定字符串
   toggle(value);//有就删除没有就添加

   div.classList.remove("user");

</script>
</head>
<body>
   <div class = "bd user disabled">...</div>
   
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

x_l_x

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
classList属性

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;title&gt;classList属性&lt;/title&gt;&lt;script type="text/javascript"&gt; //取的类名字符串并拆分成数组 va
复制链接

扫一扫