DOM classList 属性

╰+攻爆jí腚メ 2022-05-09 11:22 201阅读 0赞

<table> 
 <tbody> 
  <tr> 
   <th>方法</th> 
   <th>描述</th> 
  </tr> 
  <tr> 
   <td>add(<em>class1, class2, ...</em>)</td> 
   <td>在元素中添加一个或多个类名。<br><br> 如果指定的类名已存在，则不会添加</td> 
  </tr> 
  <tr> 
   <td>contains(<em>class</em>)</td> 
   <td>返回布尔值，判断指定的类名是否存在。 <p>可能值：</p> 
    <ul> 
     <li>true - 元素包已经包含了该类名</li> 
     <li>false - 元素中不存在该类名</li> 
    </ul></td> 
  </tr> 
  <tr> 
   <td>item(<em>index</em>)</td> 
   <td>返回类名在元素中的索引值。索引值从 0 开始。<br><br> 如果索引值在区间范围外则返回&nbsp;<em>null</em></td> 
  </tr> 
  <tr> 
   <td>remove(<em>class1, class2, ...</em>)</td> 
   <td>移除元素中一个或多个类名。<br><br><strong>注意：</strong>&nbsp;移除不存在的类名，不会报错。</td> 
  </tr> 
  <tr> 
   <td>toggle(<em>class,&nbsp;</em>true|false)</td> 
   <td>在元素中切换类名。<br><br> 第一个参数为要在元素中移除的类名，并返回 false。&nbsp;<br> 如果该类名不存在则会在元素中添加类名，并返回 true。&nbsp;<br><br> 第二个是可选参数，是个布尔值用于设置元素是否强制添加或移除类，不管该类名是否存在。例如：<br><br> 移除一个 class:&nbsp;<em>element</em>.classList.toggle("classToRemove", false);&nbsp;<br> 添加一个 class:&nbsp;<em>element</em>.classList.toggle("classToAdd", true);<br><br><strong>注意：&nbsp;</strong>Internet Explorer 或 Opera 12 及其更早版本不支持第二个参数</td> 
  </tr> 
 </tbody> 
</table>

发表评论取消回复

表情：

评论列表（有 0 条评论，201人围观）

还没有评论，来说两句吧...

相关阅读

相关 DOM nodetype属性

返回body元素的节点类型: document.body.nodeType; > nodeType 属性返回节点类型。 > > 如果节点是一个元素节点，nodeT

女爷i/ 2022年12月06日 04:17/ 0 赞/ 144 阅读

相关原生js操作元素类名—classList.add()、classList.remove()、classList.contains()、classList.toggle()

原生js操作元素类名 [classList.add( newClassName )；][classList.add_ newClassName] [class

悠悠/ 2022年11月22日 02:49/ 0 赞/ 160 阅读

相关 HTML5实战与剖析之classList属性

　　前面为大家介绍了一些有关HTML5新添加的选择器，分别是querySelector()，querySelectorAll()和getElementsByClassName(

红太狼/ 2022年09月19日 12:23/ 0 赞/ 175 阅读

相关 DOM节点属性

1.getAttribute("属性") 2.setAttribute ("属性"，"属性值") 属性可视为元素节点的子节点 3.c

末蓝、/ 2022年06月14日 05:36/ 0 赞/ 319 阅读

相关 classList属性的知识点整理

classLIst属性返回元素的类名，作为DOMTokenList对象该属性用于在元素中添加、移出、切换css类语法：elem.classList 方法： add(

比眉伴天荒/ 2022年05月20日 21:13/ 0 赞/ 184 阅读

相关 DOM classList 属性

<table> <tbody> <tr> <th>方法</th> <th>描述</th> </tr> <tr> <td>add(<

╰+攻爆jí腚メ/ 2022年05月09日 11:22/ 0 赞/ 202 阅读

相关 DOM节点属性

原文：[https://blog.csdn.net/yiren\_99/article/details/47843879][https_blog.csdn.net_yiren_

ゝ一纸荒年。/ 2022年02月18日 23:09/ 0 赞/ 332 阅读

相关实现DOM classList的add、remove、toggle

function MyClassList(classes, dom){ [].push.apply(this, classes) Object.de

偏执的太偏执、/ 2021年12月14日 06:15/ 0 赞/ 245 阅读

相关 js dom属性

dom 常用属性 doctype 获得文档开头描述,若无返回null document.doctype;

Myth丶恋晨/ 2021年07月24日 11:11/ 0 赞/ 405 阅读

相关 JavaScript classList 属性

JavaScript classList 属性 classList 属性可以获取应用于指定元素上的样式类集合，HTML5新增。通过 HTML 元素的 class 属性...

小灰灰/ 2020年06月02日 14:08/ 0 赞/ 807 阅读