2008년 3월 19일 수요일

[javascript] 클릭한 li 에만 배경색 바꾸기

<script>
function bgChange(elm){
           
           var nodes = elm.parentNode.childNodes;//현재 노드의 상위 노드아래의 노드 모두 뽑아내기
                       
           var i = count = 0;
                       
           //노드 총갯수 구하기
           while(node=nodes.item(i++)){
               if( node.nodeType==1 ) {// 1: 노드 , 2: 속성 , 3: 텍스트
                   if(elm==node){
                       node.style.backgroundColor="#eeeeee";
                   }else{
                       node.style.backgroundColor="#ffffff";
                   }
               }
           }
           
           
           
       }

</script>


<ul>
<li  onClick="bgChange(this)">내용1</li>
<li  onClick="bgChange(this)">내용2</li>
<li  onClick="bgChange(this)">내용3</li>
</ul>



댓글 없음: