本人写了一个功能很简单两个文件,就是让TEXTAREA中显示图片。他包含两个文件(1.htm,和Untitled-3.js)其中1.htm代码如下:
<html>
<head><title>UBB测试</title>
</head>
<body>
<textarea id="ns" rows="70" cols="150"></textarea></body>
<script  language="javascript" type="text/javascript" src="Untitled-3.js">
 
</script>
</html>
第二个文件代码如下:
  var crIMG=document.createElement("img");
crIMG.src="E:/图片收藏/top_banner.jpg";
var x= document.getElementById("ns");
           x.appendChild(crIMG);
为什么在IE中能够显示,但是在火狐和GOOGLE浏览器中就不能显示呢??
问问高手们,我该怎么改法??

解决方案 »

  1.   

    不同的浏览器中对于html的标准细节实现是不一样的,所以会有差别,就我本人看来IE是比较标准的。
      

  2.   

    那我该怎么解决呢?我到现在还是一头雾水,虽然有人说,编写一个UBB编辑器,一点都不难,但是可能是我学习的还不够吧,总是觉得还是有些困难啊!
      

  3.   

    好像html dom是没有appendChild这个东西的,不如直接innerhtml算了。IE本来就不是标准的浏览器。
      

  4.   

    顺便把E:/图片收藏/top_banner.jpg拷贝到htm所在目录中,然后把crIMG.src="E:/图片收藏/top_banner.jpg"; 改成
    crIMG.src="top_banner.jpg"; 还有,把客户端的调试功能打开,看到到底在哪报错
      

  5.   

    textarea中间内嵌任何元素都是没有意义的。
      

  6.   

    兄弟们,感谢大家的留言,问题我已经解决了!代码如下供大家参考!
    <script language="javascrpt" type="text/javascript">
    <!--
      document.writeln('<div id="div1" style="这里是样式"></div>');
      document.write('<textarea id="txt1"></textarea> ')//-->
    </script>
    我改变了策略,利用DIV而不是textarea然后利用一个函数获取DIV中的全部代码把他们赋值给TEXTAREA
    再将值提交数据库。
    这样就解决了TEXTAREA不能添加图片的麻烦!!
      

  7.   

    哦,上面忘了一条很重要的东西
    div 的一个属性 contenteditable="true"这样问题是圆满的解决了。
    虽然是解决了添加图片问题(而且这个图片自己还可以拉伸)但是似乎多了一个转化,觉得有点麻烦!!
    不知道能不直接利用TEXTAREA的方法??
      

  8.   

    但是这个属性在XHTML中不能用!!