JavaScript---操作dom样式

2020-04-21  本文已影响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)
上一篇 下一篇

猜你喜欢

热点阅读