zoukankan      html  css  js  c++  java
  • DOM 的classList 属性

    1.添加1个或多个class

    add(class1, class2, ...)

    2.移除class

    remove(class1, class2, ...)

    3.判断指定的类名是否存在

    contains(class)
    true - 元素包已经包含了该类名
    false - 元素中不存在该类名

    4.在元素中切换类名。

    toggle(class, true|false)
    第一个参数为要在元素中移除的类名,并返回 false。
    如果该类名不存在则会在元素中添加类名,并返回 true。

    第二个是可选参数,是个布尔值用于设置元素是否强制添加或移除类,不管该类名是否存在。例如:

    移除一个 class: element.classList.toggle("classToRemove", false);
    添加一个 class: element.classList.toggle("classToAdd", true);

    注意: Internet Explorer 或 Opera 12 及其更早版本不支持第二个参数。

    5.返回类名在元素中的索引值

    item(index)
    返回类名在元素中的索引值。索引值从 0 开始。

    如果索引值在区间范围外则返回 null

    文末福利:

    福利一:前端,Java,产品经理,微信小程序,Python等资源合集大放送:https://www.jianshu.com/p/e8197d4d9880
    福利二:微信小程序入门与实战全套详细视频教程:https://www.jianshu.com/p/e8197d4d9880



    领取方式:
    如果需要学习视频,欢迎关注 【编程微刊】微信公众号,回复【领取资源】一键领取以下所有干货资源,获取更多有用技术干货、文档资料。所有文档会持续更新,欢迎关注一起成长!




    作者:喜欢坑队友的程序员
    链接:https://www.jianshu.com/p/eb7ed959d481
    來源:简书
    著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
  • 相关阅读:
    软件测试人员的年终绩效考核怎么应对
    收藏
    顶踩组件 前后两版
    订阅组件
    hdu 1963 Investment 完全背包
    hdu 4939 Stupid Tower Defense 动态规划
    hdu 4405 Aeroplane chess 动态规划
    cf 414B Mashmokh and ACM 动态规划
    BUPT 202 Chocolate Machine 动态规划
    hdu 3853 LOOPS 动态规划
  • 原文地址:https://www.cnblogs.com/wangting888/p/9701673.html
Copyright © 2011-2022 走看看