一聚教程网:一个值得你收藏的教程网站

热门教程

javascript修改html元素的class实例

时间:2022-11-14 22:02:49 编辑:袖梨 来源:一聚教程网

代码如下 复制代码

HTML代码

本例只需要一个段落,并且给它设置了默认的class属性“testNormal”,而鼠标划过和划出会分别触发上面的两个JavaScript函数,从而改变该段落自身的class属性。

代码如下 复制代码


我是示例段落,鼠标滑过我,就可以改变我的class属性,从而改变应用的CSS规则。



CSS

CSS代码设置了两个测试用的样式。

代码如下 复制代码

.testNormal {
border:1px solid black;
}
.testOver {
background:#999999;
border:1px solid black;
font-weight:bold;
padding:3em;
}

热门栏目