반응형
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.으로 그 노드에 할일을 정해주면 된다..
반응형
'프로그래밍 > HTML+CSS+JavaScript' 카테고리의 다른 글
| javascript 총정리 (0) | 2010.03.31 |
|---|---|
| 자바스크립트 JQuery 페이징 (0) | 2010.03.30 |
| 테이블 tr 삭제 하는 스크립트 (0) | 2010.03.15 |
| javascript 버튼 클릭시 페이지 탑으로 가기 (0) | 2010.03.15 |
| javascript 즐겨찾기 추가하기 (0) | 2010.03.05 |