使用querySelector添加移除style和class

2020-05-06 22:23:15

参考地址 使用querySelector添加移除style和class

document.querySelector(selector).style.styleName = 样式

使用这个方法可以对dom节点添加和移除style样式，其中的styleName可以为css样式的任何值，如：display、color

document.querySelector(".treasure_box").style.display = "block";

document.querySelector(selector).classList.add(className)

对dom节点添加一个class

document.querySelector("html").classList.add("noscroll");

document.querySelector(selector).classList.remove(className)

对dom节点移除一个class

document.querySelector("html").classList.remove("noscroll");


  • 精彩推荐

  • 2018-09-13 22:24:04

    QQ微信登录失败，报100044错

    我用的mob的maven集成方案，说实在的从一开始用maven集成方案就是一个坑啊。每次build都会重新加载所有maven包，后来通过gradle offline总算解决了。

  • 2018-09-26 15:14:23

    PHP JSON_ENCODE 不转义中文汉字的方法

    PHP 生成JSON的时候，必须将汉字不转义为 \u开头的UNICODE数据。 网上很多，但是其实都是错误的，正确的方法是在json_encode 中加入一个参数 JSON_UNESCAPED_UNICODE

  • 2018-09-27 10:04:11

    jquery ajax超时设置

    原来ajax可以设置超时时间，那么简单，ajax还有更多功能，虽然不怎么用它，有时候还挺好用。