javascript - 通过函数传递 elementID，然后返回变量并在其他地方使用。可能的？

Question

我正在尝试将元素 ID 传递给函数，然后该函数将编辑后的字符串值返回到文档中的另一个元素。这可以吗？

示例如下: 使用 onclick 事件获取“soccer”的 elementID，将其传递给函数以添加前缀/后缀，然后将该结果传递给文档中的另一个部分。

function sportlogo(logo) {
var logo = "images/" + logo + "-logo.png";
return logo;
}

<a id="soccer" href="#selectedsport" onclick="sportlogo(document.getElementById('soccer'))">


<div id="selectedsport">
    <img src=logo;/>
</div>

Answer 1

您的代码将实际元素传递到函数中，而不是元素的 ID。看起来这就是您所需要的:

JavaScript 函数:

setLogo = function(sport){
    var img = document.getElementById("sportLogo");
    if (img){
        img.src = "images/" + sport + "-logo.png";
    }
}

标记:

<a id="soccer" onclick="setLogo('soccer');">Soccer</a>
<a id="baseball" onclick="setLogo('baseball');">Baseball</a> 
<div id="selectedsport"> 
    <img id="sportLogo" /> 
</div>