本文目录一览:
用 js 给.class 批量修改css样式怎么写??
1、既然你都用了byClassName,说明他们都有同一个类名,你直接再css里面改这个类名的样式就行了。
2、你要用js修改,你修改的是内联样式,那你只有每一个用for循环来修改。
3、或者你可以就写一个新的公共样式,然后for循环给每一个你需要修改样式的标签用setAttribute("class",newClassName)就行了。将新的类名加上去去覆盖之前类的样式
怎样实现js改变class功能?
1、JavaScript允许你更改元素的class或id。当你更改之后,浏览器会自动更新元素的样式。
2、是className,可不是class
注意:JavaScript使用的是className去访问class属性,因为class是一个保留关键字,因为将来JavaScript可能开始支持像Java一样的类。
例子:
!doctype html
html lang="zh-cn"
head
meta charset="UTF-8"
titleTest/title
style type="text/css"
p {
color: #000000; /* black */
}
p.emphasis {
color: #cc0000; /* red */
}
/style
/head
body
p id="test"Test/p
hr
input type="button" value="修改className为emphasis" onclick="document.getElementById('test').className = 'emphasis';"br
input type="button" value="修改className为空" onclick="document.getElementById('test').className = '';"br
/body
/html
js 如何控制class?
script type="text/javascript"
window.onload = function() {
var abcs = document.getElementsByClassName("abc");
for(var i = 0; i abcs.length; i++) {
abcs[i].style.width = "50%";
}
};
/script
注意:上面的代码不支持 IE 6/7,因为 IE 6/7 不支持 getElementsByClassName。
下面的代码支持 IE 6/7,使用 getElementsByTagName 查找 div,再查找 abc
script type="text/javascript"
window.onload = function() {
var divs = document.getElementsByTagName("div");
for(var i = 0; i divs.length; i++) {
var classes = divs[i].className.split(" ");
for(var a = 0; a classes.length; a++) {
if(classes[a] === "abc") {
divs[i].style.width = "50%";
break;
}
}
}
};
/script