如何通过Javascript更改CSS类样式?

2024-02-09

根据我正在阅读的书,当你使用Javascript时,最好按类更改CSS。但如何呢?有人可以为此提供一个示例片段吗?


假设您有:

<div id="mydiv" class="oldclass">text</div>

以及以下样式:

.oldclass { color: blue }
.newclass { background-color: yellow }

您可以更改班级mydiv在 JavaScript 中是这样的:

document.getElementById('mydiv').className = 'newclass';

DOM 操作之后,你将得到:

<div id="mydiv" class="newclass">text</div>

如果你想添加一个新的 css 类而不删除旧的,你可以附加到它:

document.getElementById('mydiv').className += ' newClass';

这将导致:

<div id="mydiv" class="oldclass newclass">text</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何通过Javascript更改CSS类样式? 的相关文章

随机推荐