新手请教

碰到个问题，当用户输入留言后，利用javascript方法添加完表情，用下面的代码把添加的表情显示在留言栏<textarea id='content'></textarea>里面
function bqsay(url)
{
var txt=document.getElementById("content");
//在留言栏添加表情
var o=document.createElement("img");
o.src=url; o.alt="表情图片";
txt.appendChild(o);  
       
        //整理留言内容后放入<input type='hidden' id='wenben'>标签
note=txt.value; //上一次留言内容
ly=txt.value.substring(nt.length); //本次留言内容
nt=txt.value; //上一次次留言内容
liuyan=ly+"<img src='"+url+"'/>"; //完整的一次留言+表情 msg=msg+liuyan; var wb=document.getElementById("wenben");
wb.value=msg;           
}
虽然appendChild成功在textarea中添加了图标，针对那种一次输入完的留言可以正常显示，但如果留言中文本或表情有修改或者删除的话，在留言列表里显示的却始终是最初输入的内容，所以想问问有没有什么办法可以解决，让修改后也能正常显示。每次用getElemeentById('content').value就只获得了输入的文本，插入的表情却一点提示也没有，所以如果用户删除已经添加的表情图像，就无法判断是哪一个，所以想请教有没有什么好办法可以解决