Передайте elementID через функцию, затем верните переменную и используйте в другом месте. Возможный?

Question

Я пытаюсь передать идентификатор элемента в функцию, которая затем возвращает отредактированное строковое значение другому элементу в моем документе.Можно ли это сделать?

Пример ниже: захватите elementID элемента «soccer» с помощью события onclick, передайте его функции, чтобы добавить префикс / суффикс, а затем передайте результат в другой раздел документа.

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

Ваш код передает фактический элемент в функцию, а не идентификатор элемента. Похоже, это то, что вам нужно:

Функция JavaScript:

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

Markup:

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