javascript - 将innerHTML从列表中的一项复制到元素的内容

Question

这就是我希望做的事情：我有一个菜单项列表。当单击其中一项时，我想要一个 javascript 函数来获取该列表项中的文本并将其放置在页面上其他位置的 div 中。

这是我的 jsfiddle：http: //jsfiddle.net/3BF4q/

function setText() {
document.getElementById("selected").innerHTML = this.innerHTML; 
};

我对 JavaScript 了解不多，所以我确信问题很简单。

另外，如果在stackoverflow上有类似的问题，请给我一个链接，我会删除这个问题。

Answer 1

您必须将元素传递给函数......以便它知道<a>您单击了哪个标签。

因此，在您的 HTML 中，您添加this为函数参数

<a href="#" onclick="setText(this);">

在你的 Javascript 中......(e)在这种情况下，现在指的是那个元素。

function setText(e){
document.getElementById('selected').innerHTML = e.innerHTML;
 }

演示

这里它使用 Jquery ......只是为了展示它变得多么紧凑......

<a href="#">

.

$('a').click(function(){$('#selected').html($(this).html());});

演示