美文网首页
JavaScript---操作dom样式

JavaScript---操作dom样式

作者: 八月飞花 | 来源:发表于2020-04-21 19:38 被阅读0次

    添加样式

    通过类 add函数 添加样式

    一次只能添加一个样式
      dom.classList.add("类名1");
      dom.classList.add("类名2");
    

    移除样式

    通过类 remove函数 移除样式

    一次只能移除一个类
    dom.classList.remove("类名");
    

    切换样式

    通过切换类 toggle函数 添加/移除样式

    如果元素之前没有指定样式,则添加,如果没有则删除
      dom.classList.toggle("类名");
    

    判断是否包含指定名称样式

    通过类 contains函数 判断包含样式

      dom.classList.contains("类名")
    

    通过className做增删改查,很危险

    因为这个className属性一修改,就是修改整个类字符串,容易删除无关类,使用不方便
    

    通过类的item方法获取指定位置的类

    这样类似于下标寻址的方式,
    dom.classList.item(0)
    

    相关文章

      网友评论

          本文标题:JavaScript---操作dom样式

          本文链接:https://www.haomeiwen.com/subject/yripihtx.html