프로그래밍/HTML+CSS+JavaScript
a 링크 찾아서 그밑 div 접고 펴는 스크립트..
긴자손-1
2010. 3. 15. 17:21
반응형
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.으로 그 노드에 할일을 정해주면 된다..
반응형