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

我试图将一个元素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>

功能运动徽标（徽标）{
var logo=“images/”+logo+“-logo.png”；
返回标志；
}

您的代码将实际元素传递到函数中，而不是元素的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> 

足球
棒球

您的代码毫无意义

this.id

=

“soccer”

。当然这是可能的，但目前您没有对返回值执行任何操作<代码>肯定不起作用。您应该让这个问题更清楚、更具描述性。“这可以做到吗？”，是的，这很容易，但你需要详细说明你打算做什么，我对JS来说是比较新的。谢谢你的帮助！这个很好用！！