javascript - 使用 Javascript 函数参数作为 elementId

Question

我知道有很多类似的问题，但我无法在其中找到我正在寻找的答案。

可能 super 简单:我有一个非常基本的 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";
}