使用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");


  • 精彩推荐

  • 2017-11-19 00:17:51

    Java如何获取Date的“昨天”与“明天”示例代码

    最近在做项目的时候用到Date和Calendar比较多，而且用到的方式也比较全，突然想到一个问题，Java如何获取Date的"昨天"与"明天"，也就是前一天和后一天呢？思考后写出了方法，想着万一以后用到，就总结出来，也方便有需要的朋友们参考借鉴，下面来一起看看吧。

  • 2017-11-23 02:00:51

    js 分页插件twbs-pagination

    ​cdn地址 http://www.bootcdn.cn/twbs-pagination/ 官网地址 可以在cdn地址上面查看到

  • 2017-11-28 14:53:05

    Vagrant 实战

    Vagrant 是一个可创建轻量级、高复用性和便于移植的开发环境的工具。 此文章是作者折腾vagrant的笔记， 希望大家看后，不再去网上搜罗资料， 能顺利搭建vagrant环境。vagrant更新较快， 还建议大家以官网为主。Vagrant官网

  • 2017-11-28 14:55:13

    使用 Vagrant 打造跨平台开发环境

    Vagrant 是一款用来构建虚拟开发环境的工具，非常适合 php/python/ruby/java 这类语言开发 web 应用，“代码在我机子上运行没有问题”这种说辞将成为历史。

  • 2017-11-28 14:57:19

    vagrant up 失败解决办法

    直接使用VirtualBox开启一个vm也会失败，基本上可以确定是VirtualBox版本的问题 有遇到过安装了VirtualBox-5.0.22-108108-Win.exe的版本在win7下用不了，卸载重装VirtualBox-4.3.12-93733-Win.exe之后可用。