js去除class名,js删除class名

小蓝 • 2024-12-12 12:15 • 编程

本文目录一览：

1、JS关于removeClassName循环替换使用失败求助
2、js如何鼠标点击一个div删除另一个div的class中的其中一个类名，再点击一下又添加上
3、jquery或者JS怎么改class的名字
4、JS点击添加class，再次点击移除class，并且自身也添加class
5、如何用JavaScript删除指定class？

JS关于removeClassName循环替换使用失败求助

html部分 id必须是唯一的, 你的o1 和 o2 分别用了三次, 应该为一次

js部分, 这里查的是id, 他只会找这个id出现的第一个元素, 所以只有一个

1. 改为 document.getElementsByClassName(“et-slide”);

2. 方框部分要写在循环内调用, 不然也是只调用一次

3. removeClassName 这个方法名是jquery的内置方法, 养成一个良好的习惯, 不要起这种和常用框架方法冲突的方法名

js如何鼠标点击一个div删除另一个div的class中的其中一个类名，再点击一下又添加上

html

head

style type=”text/css”

div{width:100px;height:100px;}

.red{background:red}

.green{background:green}

/style

script type=”text/javascript” src=””/script

/head

body

div id=”div” style=”background:Green;cursor:hand;”click/div

div class=”main red”div class/div

/body

script type=”text/javascript”

$(document).ready(function(){

$(“#div”).click(function(){

var cls = $(“.main”).attr(“class”);

if(cls == “main”) $(“.main”).attr(“class”, “main red”);

else $(“.main”).attr(“class”, “main”);

});

/script

/html

应该理解对了你的问题：动态添加元素的class名。

直接上代码，有问题追问哈。

jquery或者JS怎么改class的名字

jquery可以使用attr()或prop()方法修改类名，javascript可以修改对象的className属性，关键代码如下：

$(“#test”).attr(“class”,”blue”);

$(“#test”).prop(“class”,”blue”);

document.getElementById(“test”).className = “blue”;

JS点击添加class，再次点击移除class，并且自身也添加class

1、首先在html中布局好两个按钮和一个div。

2、接着编写添加class的方法。

3、运行页面以后看到如下图所示的界面。

4、点击添加class按钮就可以看到div中多了样式。

5、接下来在编写移除class样式，如下图所示要的是remove。

6、最后运行界面，点击移除class按钮，class就被移除了。

如何用JavaScript删除指定class？

div class=”abc”点我删除/div

script

window.onload=function(){

var abc=document.getElementsByClassName(“abc”)[0];

abc.onclick=function(){

this.parentNode.removeChild(this);

}