• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

通过js改变CSS class名称,该如何处理

php 搞代码 3年前 (2022-01-23) 15次浏览 已收录 0个评论

通过js改变CSS class名称
比如

……..

现在就想当鼠标移过的时候把

……..
中的class名全变成为新我名称。有那位高手会,指教一下小弟,谢谢。

——解决方案——————–
this.class=’myclass’;
——解决方案——————–

——解决方案——————–
div id=”a” class=”diva” onm ouseover=”changeclass()”;>

……..

<script language=”javascript”>
function changeclass()
{
getELementById(‘a’).className=’MyClassName’;
}
</script>

——解决方案——————–
div id=”a” class=”diva” onm ouseover=”changeclass()”;>

……..

<script language=”javascript”>
function changeclass()
{
var A=getELementById(‘a’)
A.className=’MyClassName’;
var AllTag=a.getElementsByTagNames(‘div’);
for(i=0;i {
AllTag[i].className=’div’+i;
}
}
</script>
——解决方案——————–
div id=”a” class=”diva” onm ouseover=”changeclass()”;>

……..

<script language=”javascript”>
function changeclass()
{
getELementById(‘a’).className=’MyClassName’;
}
</script>

这个是正解。

你说的效果就需要你写CSS的时候用选择器了

如:
div.diva{
……
}
div.diva .div0{
….
}
div.diva .div1{
….
本¥文来源gaodai$ma#com搞$代*码*网(搞代gaodaima码}

div.MyClassName{
……
}
div.MyClassName .div0{
….
}
div.MyClassName .div1{
….
}
——解决方案——————–
这样你只需要通过JS改容器父级的样式,那下级的样式也会一起变
——解决方案——————–
function changeclass()
{
document.getElementById(‘b’).class=’myclass’;//className(ie),class(ff);
}


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:通过js改变CSS class名称,该如何处理

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址