将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;
 }

DEMO

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

<a href="#">

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

DEMO