본문 바로가기
프론트앤드 개발

a링크 찾아서 그 밑 div접고 펴는 스크립트

by 긴자손 2010. 4. 7.
728x90
반응형

var faq = document.getElementById("faqList"); // 테이블의 아이디명이다..

var links = faq.getElementsByTagName("a"); //그리고 그안에 td안에 있는 a태그


for(var i=0;i<links.length;i++)

{

links[i].onclick = function()

{

var ds = this.nextSibling.style.display;

if(ds=="block")

{

this.nextSibling.style.display="none";

}

else if(ds=="none")

{

this.nextSibling.style.display="block";

}

}

}


한가지 중요한 사실을 배웠다.. 이런형태로 함수를 만들때는 for문안에 links[i].style.display 머 이런형태로 사용하면 안된다...


왜냐면 for문을 돌면서 이미 수가 증가하여 최대값보다 1크게 된다.. 그래서 찾을 값이 없다고 나오기 때문이다.. 


그래서 this.으로 그 노드에 할일을 정해주면 된다.. 


728x90
반응형