怎样实现js改变class功能？

JavaScript022

怎样实现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、JavaScript允许你更改元素的class或id。当你更改之后，浏览器会自动更新元素的样式。

2、是className，可不是class

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