javascript修改html元素的class实例

作者:袖梨 2022-11-14
代码如下 复制代码

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;
}

相关文章

精彩推荐