> 백엔드 개발 > PHP 튜토리얼 > 通过js改变CSS class名称,该如何处理

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

WBOY
풀어 주다: 2016-06-13 13:52:36
원래의
839명이 탐색했습니다.

通过js改变CSS class名称
比如


 

 

  ........

 


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

 

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

------解决方案--------------------
this.class='myclass';
------解决方案--------------------

------解决方案--------------------
div id="a" class="diva" onmouseover="changeclass()";>


........





------解决方案--------------------
div id="a" class="diva" onmouseover="changeclass()";>


........




------解决方案--------------------
div id="a" class="diva" onmouseover="changeclass()";>


........






这个是正解。

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


如:
div.diva{
......
}
div.diva .div0{
....
}
div.diva .div1{
....
}

div.MyClassName{
......
}
div.MyClassName .div0{
....
}
div.MyClassName .div1{
....
}
------解决方案--------------------
这样你只需要通过JS改容器父级的样式,那下级的样式也会一起变
------解决方案--------------------
function changeclass()
{
document.getElementById('b').class='myclass';//className(ie),class(ff);
}
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿