JavaScript함수 중에 'getElementById(id)'이란게 있습니다. 파라미터인 'id'는 html 태그에서 id속성으로 지정해 주는 id이죠.
예를 들어,
<div id="divTbl"></div>
요렇게 지정된 게 있다고 칩시다. 그럼,
document.getElementById("divTbl") 이런식으로 해당 객체를 찾아낼 수 있고, 컨트롤도 가능해 지죠.
예를 들어 요걸로 해당 id로 지정된 놈의 스타일도 직접 동적으로 지정해 주는게 가능해 집니다.
아래는 간단한 예제...
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<script language="JavaScript">
function disappear(name){
if(document.getElementById("divtbl").currentStyle.display=="none"){
document.getElementById("divtbl").style.display = "block";
document.getElementById("btn").value="클릭하면 사라집니다.";
}else{
document.getElementById("divtbl").style.display = "none";
document.getElementById("btn").value = "클릭하면 나타납니다.";
}
}
</script>
</HEAD>
<BODY>
<form name="form1">
<div id="divtbl">
<table width="200px" border="1px" bordercolor="#000000" cellpadding="0" cellspacing="0">
<tr><td><BR></td></tr>
</table>
</div>
<input id="btn" type="button" value="클릭하면 사라집니다." onClick="disappear()">
</div>
</form>
</BODY>
</HTML>
출처 유용한 getElementById() 메소드 |작성자 민
'HTML & Script' 카테고리의 다른 글
| 자주 사용하는 스트링 관련 Prototype 정리 (1) | 2008.03.06 |
|---|---|
| IE7(익스플로러 7) IFrame resize 하기 - 보안 강화 문제 해결 방안 (0) | 2008.03.06 |
| getElementById와 getElementsByName의 차이는 (0) | 2008.03.06 |
| Prototype.js 가이드 03 참조문서 (0) | 2008.03.06 |
| Prototype.js 가이드 02 _ Ajax support (1) | 2008.03.06 |