<div contentEditable="true"/>，如何给里面插入一个元素？

<div contentEditable="true" id="editor" /><button>加入img元素</button>不知道如何编写，才能点击按钮，在div里面插入一个图片？请用最简单，没有其他判断位置等多余代码。谢谢。

解决方案 »

  1.   


    <script>
    function addimg(){
       var div= document.getElementById("editor");
       div.innerHTML="<img><img>"//你的图片
    }
    </script><div contentEditable="true" id="editor" /> <input type="button" value="加入img元素" onclick=addimg()>
      

  2.   

    哦，这样啊，mozilla的demo通篇都没有innerHTML的，那样的代码给一个好吗？
      

  3.   


    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title></title>
        <script type ="text/javascript" language ="javascript">
           function addimg(){
              var div= document.getElementById("editor");
                div.innerHTML="<img src=http://album.hi.csdn.net/app_uploads/wtcsy/20090901/095636984.p.gif></img>"//这里可以是你自己本地图片的链接
           }
        </script>
    </head>
    <body>
        <div id=editor></div>
    <div><input type="button" value="加入img元素" onclick=addimg()></div></body>
    </html>
      

  4.   

    已经吃透了官方DEMO，不是这样的。