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>

通过函数传递elementID然后返回变量并在别处使用。可能？

1 个答案: