<style type="text/css">
.s{ background-color:red;}
.m{font-size:50px;}
</style>
<div class="s m" id="f">我们都是好孩子</div>
f.className=f.className.replace(/ m/,"");
.s{ background-color:red;}
.m{font-size:50px;}
</style>
<div class="s m" id="f">我们都是好孩子</div>
<script type="text/javascript">
var f=document.getElementById("f");f.className=f.className.replace(/ m/,"");
</script>
将其中的一个class,替换为空值。
注意:
(1)
/m/不能写成“/m/”,正则只需要//,不需要再加引号。
(2)
光有f.className.replace(/ m/,"")还不行,这仅仅是将s m改成了s,仅仅是将一个字符串做了变动,而f的className仍然没有变化,所以还要赋值回去。。。千万别忘记。
本文通过一个具体的实例展示了如何使用CSS定义样式以及JavaScript来动态修改DOM元素的类名,实现网页元素样式的动态更新。重点在于理解CSS选择器与JavaScript中getElementById及replace方法的应用。
1429

被折叠的 条评论
为什么被折叠?



