Question

这是我的代码：

JS

<Script Language="JavaScript"> 
      function add1(x)
      {
          var oImg=document.createElement("img");
          oImg.src=x;
          document.getElementById("test").appendChild(oImg);
      }
</Script>

HTML

<body>
     <div>
          <textarea id="test" rows="10" cols="50"></textarea> 

          <input type="radio" name="emotion" id="sad" />
          <label for="sad"><img src="images/tango_face_sad.jpeg" alt="I'm sad" onclick="add1(this.src)" /></label>

          <input type="radio" name="emotion" id="happy" />
          <label for="happy"><img src="images/blush.jpeg" alt="I'm happy" onclick="add1(this.src)"/></label>
    </div>
</body>

它在IE上运行良好，但确实在Firefox上运行。我的代码有什么问题？

Answer 1

您无法直接在textarea控件内显示图像。

您可以获得的关闭是覆盖图像，但它不会是textarea中信息的一部分。也就是说，文本不会在它周围流动，当发布表单时，它不会包含在textarea的数据中。

也许可写的div（内容可编辑）更适合您的目的。 HTML

＆＃13;

div{
    width:300px;
    height:200px;
    border: 1px solid #ccc;
}

＆＃13;

<div contentEditable="true"> type here
    <img src="http://t2.gstatic.com/images?q=tbn:ANd9GcQCze-mfukcuvzKk7Ilj2zQ0CS6PbOkq7ZhRInnNd1Yz3TQzU4e&t=1" />
</div>

＆＃13;

试试这个：here` http://jsfiddle.net/6bCRJ/

如何通过javascript在textarea字段中插入图像？

1 个答案: