반응형


특정 태그의 class 등의 attribute 변경할 때 사용.


------------------------- 스크립트 -------------------

<script>

                function change_li_class(idx) {

                        var el = document.getElementsByName("user_li");

                        var len = el.length;

                        for(var i=0; i < len; i++) {

                                el[i].setAttribute("class", "off");

                        }


                        el[idx].setAttribute("class", "on");

                }

</script>



---------------------------- html 본문 -----------------------

<li name="user_li">

  <a href="#" onmouseover="change_li_class(0)">

</li>

<li name="user_li">

  <a href="#" onmouseover="change_li_class(1)">

</li>

<li name="user_li">

  <a href="#" onmouseover="change_li_class(2)">

</li>

<li name="user_li">

  <a href="#" onmouseover="change_li_class(3)">

</li>

<li name="user_li">

  <a href="#" onmouseover="change_li_class(4)">

</li>

반응형

'프로그래밍 > Html' 카테고리의 다른 글

모바일웹에서 app 설치 확인  (0) 2014.03.24
모바일 웹  (0) 2014.03.24
html 특수 문자.  (2) 2011.05.30
[링크] html 태그 정리.  (0) 2011.05.13
input file 에 value 이용하기.  (0) 2010.12.02

+ Recent posts