本文目录一览:
- 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);
}
}
/script