JS修改class属性

DOM里的每个节点上都有一个classList对象，既可以用里面的方法新增、删除、修改节点上的CSS类。也可以用它来判断某个节点是否被赋予了某个CSS类。

add(类名) 添加类名
remove(类名) 删除类名
replace(替换谁，替换成什么)替换
contains(类名) 布尔值
toggle(类名) 切换返回值还是布尔值（有就切掉，没有就加上）
item(索引)

试试

添加类（add）
box.classList.add(‘red’,‘blue’);

以此格式都一样，可以试试；

 document.onclick = function(){// addClass(box,'red');box.classList.add('red','blue');console.log(box.classList.contains('bg'))box.classList.replace('bg','red');console.log(box.classList.contains('red'))console.log(box.classList.toggle('bg'));console.log(box.classList);}

JS修改class属性相关推荐

php 修改select标签,JS修改input,textarea,select标签的可读可写属性
通过JS修改input,textarea,select标签的可读可写属性首先,控制input,与textarea只读属性是 readonly 在js中可以这样去改变,这里要注意js中O要大写 re ...
html js修改readonly,js控制html元素的readonly属性
html元素假设为只读,那么其readonly="readonly",我们现在想通过js来改变readonly属性为可以输入. 初始时,两个输入框都是只读.点击change按钮后, ...
Python+selenium自动化-js处理日历控件（修改readonly属性）
前言今天写自动化脚本的时候遇到一个需要更改日期的控件,不想费劲巴拉的去找日历的定位,但是又没办法直接输入我想输的日期时间,想了会儿之后决定用js解决日历控件基本思路:先用js去掉readonly属 ...
微信小程序如何实现通过js修改wxml的for循环中的属性值
微信小程序如何实现通过js修改wxml的for循环中的属性值要实现的效果具体代码要实现的效果点击每一个活动选项,实现显示对应的操作按钮具体代码首先要在对应页面的js中给data中定义数组, ...
selenium自动化测试中js修改页面元素的readonly属性
from time import sleepfrom selenium import webdriver from selenium.webdriver import Keys from seleni ...
网页中通过js修改img的src属性刷新图片时，图片缓存问题现象表述及问题解决
问题:上传一张图片,通过js更新src属性刷新图片使其即时显示时, 当img的src当前的url与上次地址无变化时(只更改图片,名称不变,不同图片名称相同)图片不变化(仍显示原来的图片) 但通过fir ...
python时间控件readonly属性_Selenium2+python自动化----js处理日历控件（修改readonly属性）...
前言日历控件是web网站上经常会遇到的一个场景,有些输入框是可以直接输入日期的,有些不能,以我们经常抢票的12306网站为例,详细讲解如何解决日历控件为readonly属性的问题. 基本思路:先用j ...
python时间控件readonly属性_人生苦短，我学python之python+selenium js处理日历控件（修改readonly属性）...
转载于上海-悠悠的博客前言日历控件是web网站上经常会遇到的一个场景,有些输入框是可以直接输入日期的,有些不能,以我们经常抢票的12306网站为例,详细讲解如何解决日历控件为readonly属性 ...
vue 组件属性监听_Vue.js 监听属性
# Vue.js 监听属性本章节,我们将为大家介绍 Vue.js 监听属性 watch,我们可以通过 watch 来响应数据的变化: ~~~ Vue 测试实例 - 菜鸟教程(runoob.com) ...

JS修改class属性

JS修改class属性相关推荐

最新文章

热门文章