下述代码 加入 form 就不能显示图片  不加form 就可以显示图片
<form id="form1" name="form1" method="post" action="">//加入了form
  <textarea name="textarea"  cols="50"  rows="20"  id="test"></textarea>
  <input name="xx" type="text" id="xx" />
  <input name="submit" type = "submit" class="button" id="up" onclick="on_up();" value = "提交"/>
  </form>
  <script  language="JavaScript">
  function on_up()
               {
          var oImg=document.createElement("IMG");
         // var xx='"'+document.form1.xx.value+'"'
          oImg.src="https://bbs.bccn.net/images/default/logo.gif";
          test.appendChild(oImg);//问题应该在这 可是不知怎么改 请求帮忙修改
                 }
  </script>

test.appendChild(oImg);这句的test是怎么定义的？

test.appendChild(oImg);//把这句放在</script>之后试试

这样正常：
  <textarea name="textarea"  cols="50"  rows="20"  id="test"></textarea>
  <input name="xx" type="text" id="xx" />
  <input name="submit" type = "submit" class="button" id="up" onclick="on_up();" value = "提交"/>
   <script  language="JavaScript">
  function on_up()
               {
          var oImg=document.createElement("IMG");
          oImg.src="https://bbs.bccn.net/images/default/logo.gif";
          test.appendChild(oImg);
                 }
  </script>
这样就不正常 加入了 form
<form id="form1" name="form1" method="post" action="">//加入了form
  <textarea name="textarea"  cols="50"  rows="20"  id="test"></textarea>
  <input name="xx" type="text" id="xx" />
  <input name="submit" type = "submit" class="button" id="up" onclick="on_up();" value = "提交"/>
  </form>
  <script  language="JavaScript">
  function on_up()
               {
          var oImg=document.createElement("IMG");
                 oImg.src="https://bbs.bccn.net/images/default/logo.gif";
          test.appendChild(oImg);//问题应该在这 可是不知怎么改 请求帮忙修改
                 }
  </script>

我就想做一个如下图片显示的 功能！

编辑器不是用textarea实现的，是用iframe

能再详细些，说下思路吗？谢谢！

百度搜索可编辑iframe

<form id="form1" name="form1" method="post" action="">//加入了form
  <textarea name="textarea"  cols="50"  rows="20"  id="test"></textarea>
  <input name="xx" type="text" id="xx" />
  <input name="submit" type = "submit" class="button" id="up" onclick="return on_up();" value = "提交"/>
  </form>
  <script  language="JavaScript">
  function on_up()
               {
          var oImg=document.createElement("IMG");
                 oImg.src="http://bbs.bccn.net/images/default/logo.gif";
          test.appendChild(oImg);//问题应该在这 可是不知怎么改 请求帮忙修改
          return false;  //注意这里要返回 有form在 你点击按钮就提交出去了 所以不会显示 要阻止浏览器提交到本页
                 }
  </script>