------------------------------------------------------------------------------------------------------------------------------------
아래 소스는 클릭하면 이미지가 나타납니다.

<input type=button value="테스트" onclick="img=document.createElement('img');img.src='http://static.naver.com/kin/img/k1/main/gnb_menu08.gif';this.replaceNode(img);">
------------------------------------------------------------------------------------------------------------------------------------
또 아래소스는 클릭하면 문자'test'가 나타납니다.

<script language=JavaScript>
function test(f, msg1, msg2) {
var strCheck="3";
if (strCheck < 2 ){alert("테스트입니다.");f.value = msg1;}else{ f.value = msg2;} 
}
</script>

<input type=button  value="테스트" onClick="test(this,'테스트',' test ');">
-------------------------------------------------------------------------------------------

질문은 제일 위에 이미지가 나타나는 것처럼 'test'가 나타나는 아래 소스에도 이미지가
나타나도록 하고 싶습니다. 

즉 클릭하면 'test' 가 나타나는 대신 이미지가 나타나도록 말이지요..

function test(f, msg1, msg2) 이런 형식이 필요한데(조건을 주어서 조건을 만족하지 않으면
msg1 을 출력하고 조건을 만족하면 msg2 즉 이미지를 출력할려고 합니다)
제일 위의 소스를 참조해서 이미지를 나타내야 하는데 어떻게 수정해야 할지
모르겠습니다.

고수님의 도움을 부탁드립니다.