<span id='test'>
</span>

<script>
document.getElementById("test").innerHTML='이게 출력하삼';
alert('체인지!');
document.getElementById("test").innerHTML='이걸루 바꿀까';
</script>

결과
이게 출력하삼 => 경고창 => ( 이게 출력하삼이 => 이걸루 바꿀까 바뀜)

카이루님 답변 감사합니다.
음... 그렇다면 innerHTML 사용하는 이유가 뭘까요?

사실 저는 iframe과 비슷하게 구현되는 것이 아닌가... 상상했었습니다.
(워낙 초보의 단계인지라......)

iframe과 용도가 다른 건가요?

버튼클릭시 내용추가에 대표적으로 쓰지요

내용추가라는 단어에는 테이블, div, 폼형식 등 모두 해당됩니다.

display:none, block 개념으로 숨겻다가 보여주는거와는 틀리죠.

답변 감사드립니다.
이제 조금씩 알아가는 것 같습니다. ^^