감춰진hidden 개체의 최초값은 "최초 감춰진 값" 이었으나, 클릭하면 기능함수 속에서 값이 수정되고 출력된다.

<DIV class=show style=width:300;text-align:center title="결과">
<FORM name="testForm">
<INPUT type="hidden" name="hiddenObj" value="최초 감춰진 값">
<INPUT type="button" name="clickButton" value="감춰진 값 보기 클릭" onClick="getHidden()">
</FORM>
</DIV>

<DIV id="hiddenVal" class=show style=width:300;text-align:center title="결과"></DIV>

<SCRIPT>
function getHidden(){
  testForm.hiddenObj.value='감춰진 개체값'; // 감춰진 hidden 개체의 최초값이 수정된다.
  hiddenVal.innerHTML='감춰진 값은 <FONT color=blue>'+testForm.hiddenObj.value+'</FONT>이다.';
}
</SCRIPT>