单击时获取链接的内部html

Question

我有一个HTML链接和ap标签如下:

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

这是我的功能:

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

        }

但是,当我单击链接时,内容中的内容paragraph tag将更改为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元素.

小提琴