<p onClick="test.style.display='';">보이기</p> <p onClick="test.style.display='none';">감추기</p> <table border=1> <tr id=test style="display:none;"> <td> 이 줄이 숨겨질 것입니다. </td> </tr> <tr> <td>이 줄은 남아있겠지요.</td> </tr> </table> 위 소스를 보면 id 가 test라고 된 줄이 사라졌다가 생기는 것을 볼 수 있습니다. 이는 style 의 display 속성에 의한 것으로 표만 사용할 수 있는것이 아니라, div 태그로도 응용해서 사용할 수 있습니다. |
'인터넷관련' 카테고리의 다른 글
링크 점선 테두리 없애는 스크립트 (0) | 2008.02.01 |
---|---|
마우스 좌표 값 하단 상태바에 표시 (0) | 2008.02.01 |
마우스 오른쪽 클릭시 컨텍스트 메뉴(context menu) (0) | 2008.02.01 |
문서 없이 자동으로 이미지 크기에 맞게 새창 및 ..... (0) | 2008.02.01 |
랜덤 이미지 마우스오버시 롤오버 시키기 (0) | 2008.02.01 |
배경그림을 정해진 시간마다 바꿉니다 (0) | 2008.02.01 |
링크에대한 설명을 간단히 보여드립니다 (0) | 2008.02.01 |
ie 버전에 따라서 페이지 접속 시키기 (0) | 2008.02.01 |