使用Javascript函数参数作为elementId

Question

我知道有很多类似的问题，但是我找不到他们正在寻找的答案。

可能超级简单： 我有一个非常基本的JS函数，它有一个传递给它的参数。我只是希望函数在document.getElementById中用作ID时识别该参数。

HTML

<div id="figure1" onmouseover="popup(figure1)"><div class="hide"> TEST </div></div>

JS功能

<script>
function popup(fig) {
    var setnow = document.getElementById( fig );
    setnow.className = "show";
}
</script>

我在不使用参数的情况下对其进行了测试，即：

<script>
function popup() {
    var setnow = document.getElementById("figure1");
    setnow.className = "show";
}
</script>

......它按预期工作。

我从未使用过JS，所以这可能非常简单。 :-)

Answer 1

你需要引用这个论点：

<div id="figure1" onmouseover="popup('figure1')"><div class="hide"> TEST </div></div>

此外，如果你想获得相同的元素，你可以使用它，那么你将不需要使用getElementById：

<div id="figure1" onmouseover="popup(this)"><div class="hide"> TEST </div></div>

function popup(el) {
    el.className = "show";
}

Answer 2

在事件处理程序中，您可以使用它来表示元素：

<script>
function popup() {
  this.className = "show";
}
</script>