js获取classname值_javascript中ClassName属性的详解与实例

在javascritp中，我们可以通过style属性可以控制元素的样式，从而实现行为层通过DOM的style属性去干预显示层显示的目标，但是这种方法是不好的，而且为了实现通过DOM脚本设置的样式，你不得不花时间去研究javascrip函数，去寻找对应修改和设置样式的有关语句。而且每次修改和添加JS脚本的工作量远远大于我们修改CSS属性的量。

与其使用DOM修改元素样式，不如使用函数去更新他的CLASS属性来的实在一些。

ClassName属性

一个简单的无序列表，点击button之前ul的样式为uhh1

点击button后，调用check函数中的className将ul的样式由uhh1改为uhh2

.uhh2{color:#FF6600;font-size:24px;}

functioncheck()

{var uul = document.getElementsByTagName("ul")[0];

uul.className= "uhh2";

}

• 首 页
• 新闻快讯
• 产品信息
• 联系我们

click me

                                   

ClassName属性可以获取或写入指定元素的Class属性。

语法：

1 element.className

例

获取一指定元素的class属性，并写入一个新值

HTML代码：

........