为什么我的javascript代码没有将值从一个div传递到另一个div？

我的目标是从一个div中获取值并在另一个div中显示它

以下是相关的html代码：

<div id="main">
    hello
</div>

---

由于某些原因，函数中的最后一行没有达到我的目的。

您可以使用Jquery执行类似的操作

$('div').click(function () {
  $('#main').html($(this).html());
});

下面是一个JSFIDLE：

---

您可以使用Jquery执行类似的操作

$('div').click(function () {
  $('#main').html($(this).html());
});

下面是一个JSFIDLE：

---

您好，请检查此链接

---

您可以添加innerhtml，请检查此链接

你可以在这里添加innerhtml

函数clr（e）{
var clickedElement=document.getElementById（e.id）；
var currentXValue=clickedElement.innerHTML；
document.getElementById（'main'）.innerHTML=currentXValue；//应该是document.getElementById而不是document.body
}

你好
Foo

给你

函数clr（e）{
var clickedElement=document.getElementById（e.id）；
var currentXValue=clickedElement.innerHTML；
document.getElementById（'main'）.innerHTML=currentXValue；//应该是document.getElementById而不是document.body
}

你好
Foo

请将

document.body.getElementById（'main'）.innerHTML

更改为

document.getElementById（'main'）.innerHTML

，应该可以正常工作。

请将

document.body.getElementById（'main'）.innerHTML更改为
document.getElementById（'main'））.innerHTML
它应该可以正常工作。
您可能希望将其放入jsfiddle.net您可能希望将其放入jsfiddle.net简单而漂亮。谢谢简单而美丽。谢谢你是对的，Arpit也指出了这一点。愚蠢的新手错误。非常感谢。你是对的，Arpit也指出了这一点。愚蠢的新手错误。非常感谢。
<div id="outer">
  <div id="inner">heello</div>
</div>
<div id="result"></div>

var outer = document.getElementById('outer'),
    result = document.getElementById('result');

outer.addEventListener('click', function (e) {
  var html = '';
  if (e.target === outer && e.currentTarget === outer) {
    html += '<p>Outer element was clicked directly - it is <code>e.target</code> <em>and</em> <code>e.currentTarget</code>.</p>';
  }

  if (e.target !== outer && e.currentTarget === outer) {
    html += '<p>Outer element is the current target, but it was not clicked directly - it is <code>e.currentTarget</code>.</p>';
  }

  html += [
    '<ul>',
      '<li><code>e.target === &lt;div id="', e.target.id, '"&gt;</code></li>',
      '<li><code>e.currentTarget === &lt;div id="', e.currentTarget.id, '"&gt;</code></li>',
       '<li><code>e.currentTarget === &lt;div id="', e.currentTarget.innerHTML, '"&gt;</code></li>',
    '</ul>'
  ].join('');

  result.innerHTML = html;

});