原生js删除html,原生js操作dom添加删除替换class

1.比较传统的方法

var classVal = document.getElementById("id").getAttribute("class");

//删除的话

classVal = classVal.replace("someClassName","");

document.getElementById("id").setAttribute("class",classVal );

//添加的话

classVal = classVal.concat(" someClassName");

document.getElementById("id").setAttribute("class",classVal );

//替换的话

classVal = classVal.replace("someClassName","otherClassName");

document.getElementById("id").setAttribute("class",classVal );

2.html5增加了classList

classList 属性返回元素的类名，作为 DOMTokenList 对象。

该属性用于在元素中添加，移除及切换 CSS 类。

classList 属性是只读的，但你可以使用 add() 和 remove() 方法修改它。

增加：document.getElementById("myDIV").classList.add("mystyle", "anotherClass", "thirdClass");

去除：document.getElementById("myDIV").classList.remove("mystyle");

替换：document.getElementById("myDIV").classList.replace("someClassName","otherClassName");

原生js删除html,原生js操作dom添加删除替换class相关推荐

JavaScript基础13-day15【DOM增删改、DOM添加删除记录、操作内联样式、获取元素的样式、DOM Element 对象、滚动条练习、事件对象、div跟随鼠标移动、事件冒泡】
学习地址: 谷粒学院--尚硅谷哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版Ja ...
JS - Array - 在数组的指定下标添加或替换元素。也可删除指定下标的元素
一,首先介绍下 js Array对象中的 splice 方法 . ( splice在英文中是剪接的意思 ) 1,定义和用法 splice() 方法用于插入.删除或替换数组的元素. **注意:**这种 ...
JavaScript基础12-day14【DOM查询(获取元素节点、获取元素节点的子节点)、全选练习、DOM增删改、DOM添加删除记录、Window对象方法】
学习地址: 谷粒学院--尚硅谷哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版Ja ...
JavaScript对数组操作。添加/删除/截取/排序/倒序
js对数组对象的操作以及方法的使用如何声明创建一个数组对象: var arr = new Array(); 或者 var arr = []; 如何移除所有数组中数据? arrayJson.dataL ...
oracle删除主键之一,oracle中添加删除主键的方法
1.创建表的同时创建主键约束 (1)无命名 sql;"> create table student ( studentid int primary key not null,stude ...
mysql删除表编码字段_mysql 修改添加删除表字段
mysql 修改添加删除表字段添加表的字段 alter table 表名 add 字段名字段的类型例子: alter table table1 add transactor varchar ...
js动态给table表格的行添加删除线
首先,要达到以下的效果而不是在每个tr单元格添加css属性text-decoration,因为删除线要连续不间断. 利用添加一个设置属性了的div去实现 jsp代码: <%@ page lan ...
JS记坑 ----- 在父节点中添加删除子节点
场景:通过javascript为ul标签内动态增删li标签,我通过 liArr = ul.children; 获取了ul的存有所有子元素的类数组,但是在 appendChild().insert()和 ...
mysql sql删除主键索引_sql操作之添加删除索引
一.创建删除主建索引 1.在创建表时就创建好索引 CREATE TABLE `student` ( `id` int(4) NOT NULL AUTO_INCREMENT, `name` char(2 ...

原生js删除html,原生js操作dom添加删除替换class

原生js删除html,原生js操作dom添加删除替换class相关推荐

最新文章

热门文章