Question

我希望动态添加图片，其中包含事件点击，而不是替换div中当前的内容。

我目前的代码看起来像这样。

HTML

<div id="btn"><img src="images/Leviathan.png"></div>
<div id="ctn" contenteditable="true"></div>

的JavaScript

<script>
var btn = document.getElementById('btn');
var ctn = document.getElementById('ctn');

btn.addEventListener('click', function(){
ctn.innerHTML = btn.innerHTML;}, false);
</script>

我目前的代码是它取代了我添加到div的内容。让我们在div里面说。那里有一个文本＆＃34; Stackoverflow很棒＆＃34;。当我点击它取代的图像时。它不只是添加＆＃34; Stackoverflow很棒<img src="foo.jpg">＆＃34;

nb：在JavaScript而不是JQuery上回答它。谢谢你阅读：）

Answer 1

使用+

 ctn.innerHTML += btn.innerHTML;

Answer 2

您可以使用appendChild（）http://www.w3schools.com/jsref/met_node_appendchild.asp

var ctn = document.getElementById('ctn');
ctn.appendChild(document.getElementById('btn'));

（也许最好将id分配给img标签，然后）

Contenteditable添加一些事件而无需替换

2 个答案: