• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > HTML5新增属性:classList属性的使用方法

HTML5新增属性:classList属性的使用方法

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含classList属性等相关知识,匿名希望在学习及工作中可以帮助到您

本篇文章给大家带来的内容是关于HTML5新增属性:classList属性的使用方法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

HTML5中新增了classList属性,用于实现对class的操作,其API如下:

contains(value):判断名为value的类名是否存在add(value):添加名为value的类名
remove(value):删除名为value的类名
toggle(value):如果名为value的存在则删除,不存在则添加

js示例代码:

//获取节点
var $test = document.getElementById("test");
//增加一个
class$test.classList.add("new-class");
//删除一个
class$test.classList.remove("old-class");
//存在则删除,不存在则添加
$test.classList.toggle("class");
//判断是否包含
$test.classList.contains("class");
//替换
class$test.classList.remove("old-class");
$test.classList.add("new-class");

相关推荐:

html文件制作主要是那些结构构成的?

html5中页面可见性的判断(附代码)

HTML5如何解决margin-top的塌陷问题(附代码)

以上就是HTML5新增属性:classList属性的使用方法的详细内容,更多请关注微课江湖其它相关文章!

您可能想查找下面的文章:

相关文章

  • 2018-12-03想在猪八戒接做网页,要怎样系统的学习 ?
  • 2018-12-03使用H5做出添加禁止缩放
  • 2018-12-03HTML5如何实现元素拖拽_html5教程技巧
  • 2018-12-03Html5剪切板功能的实现
  • 2018-12-03关于自动校验的文章推荐
  • 2018-12-03H5视频中背景音乐如何自动播放
  • 2018-12-03HTML5新增标签和属性简介
  • 2017-08-06HTML5标签嵌套规则详解【必看】
  • 2018-12-03同样一个页面能否同时兼容PC的web浏览器以及移动设备的浏览器?
  • 2018-12-03HTML5 Canvas阴影使用方法实例演示_html5教程技巧

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 关于使用HTML5进行SVG矢量图形绘制的代码
    • 为什么扎克伯克说 Facebook 在 web 版本上押注过多,将来把更多的精力放在原生应用上?
    • 使用Canvas处理图片的方法介绍
    • HTML5 Canvas 起步(1)-基本概念
    • 解决img标签上下出现间隙的方法
    • 揭秘谷歌AMP项目:google amp是如何提高网页加载速度的?
    • 整理HTML5的一些新特性与Canvas的常用属性
    • 如何利用input事件来监听移动端的输入
    • HTML5 Canvas实现玫瑰曲线和心形图案的代码实例
    • HTML5实现使用按钮控制背景音乐开关的方法

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有