怎样实现js改变class功能？

JavaScript025

怎样实现js改变class功能？,第1张

1、JavaScript允许你更改元素的class或id。当你更改之后，浏览器会自动更新元素的样式。

2、是className，可不是class

注意：JavaScript使用的是className去访问class属性，因为class是一个保留关键字，因为将来JavaScript可能开始支持像Java一样的类。

例子：

<!doctype html>

<html lang="zh-cn">

 <head>

  <meta charset="UTF-8">

  <title>Test</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>

1、既然你都用了byClassName，说明他们都有同一个类名，你直接再css里面改这个类名的样式就行了。2、你要用js修改，你修改的是内联样式，那你只有每一个用for循环来修改。3、或者你可以就写一个新的公共样式，然后for循环给每一个你需要修改样式的标签用setAttribute("class",newClassName)就行了。将新的类名加上去去覆盖之前类的样式