인터넷정보

표의 한줄 숨겼다가 나왔다가 제어하기

알 수 없는 사용자 2007. 10. 18. 13:47

<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 태그로도 응용해서 사용할 수 있습니다.
반응형