html5笔记之classList

favoriteHTMLCSSJS

于 2016-10-31 22:30:50 发布

阅读量402

点赞数

CC 4.0 BY-SA版权

分类专栏： h5

3 篇文章

订阅专栏

本文介绍了如何使用JavaScript操作DOM元素中的classList属性。通过实例演示了获取、添加、删除及切换class的方法，并解释了这些方法在网页开发中的应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div class="div div1 div2 div3"></div>

var oDiv = document.getElementsByTagName('div')[0];
console.log(oDiv.classList);//输出['div','div1','div2','div3']

classList有以下几个属性或方法
length;//classList数组长度
add();//给标签添加一个class;
remove;//给标签删除一个class;
toggle();//如果标签上没有该class，则添加，如果有，则删除；