Adesso che ci penso, credo che si possa fare così...
codice:
<script type="text/javascript">
<!--//
function pippo() {
if(document.createTextNode) {
immagine = document.createTextNode(':-)');
text.appendChild(immagine);
}
} else {
alert('Il tuo browser non supporta o supporta parzialmente il DOM di livello 1')
}

function gigio() {
if(document.createTextNode) {
immagine = document.createTextNode(':-(');
text.appendChild(immagine);
}
} else {
alert('Il tuo browser non supporta o supporta parzialmente il DOM di livello 1')
}
//-->
</script>
</head>
<body> 
<input type="button" value=":-)" onClick="pippo()" id="pippo">
<input type="button" value=":-(" onClick="gigio()" id="gigio">
<textarea cols="20" rows="40" id="text"></textarea>
Questo codice valu purtroppo solo per i browser che supportano il DOM di livello 1...ma ormai dovrebbero farlo tutti immagino...