本文目录一览：
用 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
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/291175.html
微信扫一扫 
支付宝扫一扫 