怎么在css中改其他类的,js怎么修改css类

js修改css类的方法：1、使用className属性，语法“元素对象.className="css类名"”；2、使用setAttribute()方法，语法“元素对象.setAttribute("class", "css类名")”。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

方法1：使用className属性

className 属性设置或返回元素的 class 属性。

.mystyle{

background-color: palegoldenrod;

}

.otherstyle{

background-color: palevioletred;

}

Body CSS class名为：mystyle

function changeClass(){

var x=document.getElementById('myid');

x.className="otherstyle";

document.getElementById('div').innerHTML="Body CSS class名为："+ x.className;

}

效果图：

方法2：使用setAttribute() 方法

setAttribute() 方法添加指定的属性，并为其赋指定的值。

如果这个指定的属性已存在，则仅设置/更改值。

.mystyle{

background-color: palegoldenrod;

}

.otherstyle{

background-color: palevioletred;

}

Body CSS class名为：mystyle

function changeClass(){

var x=document.getElementById('myid');

x.setAttribute("class", "otherstyle");

document.getElementById('div').innerHTML="Body CSS class名为："+ x.className;

}

效果图：

【相关推荐：javascript学习教程】