javascript - 单击时获取链接的内部 html

Question

我有一个 HTML 链接和一个 p 标签，如下所示:

<a href="#" onclick="myfun()">Computer Science</a>
<p id="putpara"></p>

这是我的功能:

function myfun() {
            document.getElementById("putpara").innerHTML = this.innerHTML;

        }

然而，当我点击链接时，paragraph 标签 中的内容变为undefined。

看来我犯了一个愚蠢的错误.....javascript 新手....

Answer 1

一个解决方案是像这样在您的函数中发送this参数:

html

<a href="#" onclick="myfun(this)">Computer Science</a>
<p id="putpara"></p>

js

window.myfun = function(obj) {
            document.getElementById("putpara").innerHTML = obj.innerHTML;
}

this 引用 DOM 元素。

fiddle