在javascript中更新div背景图像

我在这里找到了类似的例子，说明了我试图实现的目标，但我不确定我在实现中到底做错了什么

我有一个div，它有两个组件：一个背景图像和5个标签

    <div id="graph" class="graphs" style="display: block">
        <div id="chart">
        </div>
        <div id="symbol" class="symbols">
            <div id="symbol1" class="ticker" onclick="showg()"></div>
            <div id="symbol2" class="ticker" onclick="showg()"></div>
            <div id="symbol3" class="ticker" onclick="showg()"></div>
            <div id="symbol4" class="ticker" onclick="showg()"></div>
            <div id="symbol5" class="ticker" onclick="showg()"></div>
        </div>
    </div>

我的每幅图像都被命名为currentTicker-GRAPH.png（即LLNW-GRAPH.png）

我想我正在做的是设置正在运行showg（）函数的div的innerHTML并调用它currentTicker。然后我尝试使用+'-GRAPH.png'来更改背景图像样式。（目前，我的图像与我的.js、.css、.html文件都在同一个文件夹中）

我很确定我的currentTicker变量声明不正确……但不确定如何声明

---

非常感谢您的帮助。

您需要在函数调用中按如下方式传递元素：

onclick="showg(this)"

你的职能是：

function showg(el) {
    var currentTicker = el.innerText;
    document.getElementById("chart").style.backgroundImage= "url('"+ currentTicker +" -    GRAPH.png')";
}

---

因为

此

表示函数中的

窗口

元素，而不是单击的元素。

在showg（）函数中，您所说的.innerText（）是什么意思？“这”是什么？你有没有试着把它记录下来，看看它的价值呢？谢谢你，斯克沃尔…在你的建议之后，我唯一的问题就是“-图之间的空格…它不断地吐出一个%20'@digitura是的，避免在网络上的文件名中加空格，它们会被编码。

function showg(el) {
    var currentTicker = el.innerText;
    document.getElementById("chart").style.backgroundImage= "url('"+ currentTicker +" -    GRAPH.png')";
}