-
1、使用obj.classname修改样式表类的名称。
2、使用obj.style.csstest修改嵌入式CSS。
3、使用obj.classname修改样式表类的名称。
4，通过更改外联的CSS文件来更改元素的CSS
下面是一段HTML代码和CSS代码来解释上述方法的区别。
CSS
。style1 {保证金：10px汽车；背景颜色：# 9999ff；显示：块；颜色：白色；边框1px solid白色；填充：10px 25px；字体大小：18px；}。
。style1：悬停{背景颜色：# 66b3ff；鼠标指针；}
。方式2 {保证金：10px汽车；背景颜色：灰色；显示：块；颜色：黑色；border: 1px solid白色；填充：10px 25px；字体大小：18px；}。
。方式2：悬停{背景颜色：黑色；颜色：白色；鼠标指针}
HTML
方法1。使用obj.classname修改样式表类的名称
从下面的代码，你可以看到ob.style.csstest来的BTNB的风格。
功能changestyle1（）{
var obj = document.getelementbyid（BTNB ）；
obj。风格。背景颜色=黑；
}
这个代码修改BTB的文本的颜色和调试器在浏览器打开。你可以看到那是BTB标签{ style=内联>外的多个属性。BTB有伪类背景颜色风格写在内联，因此嵌入式背景颜色叠加的伪类，使老鼠感觉不到背景颜色变化时，把鼠标放在BTB。
方法二。使用obj.style.csstest修改嵌入式CSS
直接在javaｓｃｒｉｐｔ代码上：
功能changestyle2（）{
var obj = document.getelementbyid（BTNB ）；
obj.style.csstext =背景颜色：黑色；显示：块；颜色：白色；
}
代码与{ 1 }中的代码相同，缺陷相同。
方法三。使用obj.classname修改样式表类的名称
使用代码修改的BTB参考样式类的名称，下面的代码：
功能changestyle3（）{
var obj = document.getelementbyid（BTNB ）；
/ / obj.classname = 方式2；
obj.setattribute（班
}
通过改变BTB的CSS类名称改变风格的方式有两种变化样式类的名称。1、obj.classname = 方式2 ；2、obj.setattribute（班
用这种方式修改CSS比上面的好得多。
方法四，通过更改扩展的CSS文件来更改元素的CSS。
这是很容易通过改变外联的CSS文件的引用改变BTB的风格。代码如下：
首先，你必须参考外联的CSS文件。代码如下：
功能changestyle4（）{
var obj = document.getelementbyid（CSS）；
obj.setattribute（href
}
它可以很容易地改变BTB的风格，个人觉得这是最好的方式，是实现整体页面皮肤的最佳方案。