发表表情图在IE里能显示的，为什么在火狐里就不能显示了

<BODY>
  <SCRIPT LANGUAGE="JavaScript">
       function showFace() {var faceDiv = document.createElement("div");
faceDiv.setAttribute('id','facebox');
faceDiv.style.position = 'relative';
var faceul = document.createElement("ul");
for(i=1; i<17; i++) {
 faceli = document.createElement("li");
faceli.innerHTML = '<img src="image/face/'+i+'.gif" onclick="inner(this.src)"/>';
faceul.appendChild(faceli);
}
faceDiv.appendChild(faceul);
document.body.appendChild(faceDiv)
//定位菜单}
function inner(src){
var image=new Image();
image.src=src;
document.getElementById("ids").appendChild(image);}
    </SCRIPT>
 <textarea width="900px"  id="ids"></textarea>
    <br>
    <input type="button" value=" add " onClick="showFace()" />
  
</BODY>
<style type="text/css">
.facebox{width:250px;}
</style>就问一下，我点击ADD按钮，就能显示一个表情图层，再点击表情图层里的某一个表情图，在IE浏览器里能在文本域里显示的，在火狐里就不行了，请教高手给我指点一下

解决方案 »

  1.   

    IE和Firefox对网页元素的解析是有区别的。
    用firefox的插件firebug调试一下，看看是哪一步的问题。
      

  2.   

    我觉得firefox不支持这么操作如果非要实现类似效果，建议用div代替textarea，，，模拟这个效果
      

  3.   

    用firefox的插件firebug调试怎么看是哪里错误的了
      

  4.   

    Firebug->Script标签加断点，一步步执行
    可以查看document.getElementById("ids")这句执行后有没有返回值等等。