Javascript中的图片更改答案

【问题标题】：Picture Change in JavascriptJavascript中的图片更改
【发布时间】：2018-10-10 04:26:37
【问题描述】：

这对我不起作用，我不知道该怎么做，所以我问你们希望你们能帮助我。脚本在顶部，在中间我添加了带有 id 的图片，我想在下面的按钮上应用更改。

function pictureChange()
    {
    document.getElementById("theImage").src="https://cdn.glitch.com/6dc68b9b-62ee-49bb-904f-9bc85ead27a3%2Fhn%C4%9Bd%C3%A1-2.jpg?1539113123667";
    }

<div style="padding-top:2%;padding-left:42.7%" class="row">
  <img id="theImage" src="https://cdn.glitch.com/6dc68b9b-62ee-49bb-904f-9bc85ead27a3%2Fhn%C4%9Bd%C3%A1-2.jpg?1539091308847" style="width:300px;height:240px">
</div>


<center>
 <div class="btn-group" style="padding-top:1%">
  <button type="button" class="btn btn-danger" onclick="pictureChange()">Vyberte barvu</button>
  <button type="button" class="btn btn-danger dropdown-toggle px-3" data-toggle="dropdown" aria-haspopup="true"
    aria-expanded="false">
    <span class="sr-only">Toggle Dropdown</span>
  </button>
  <div class="dropdown-menu">
    <a class="dropdown-item" href="#">Hnědá</a>
    <a class="dropdown-item" href="#">Lakované dřevo</a>
    <a class="dropdown-item" href="#">Olej černá</a>
    <a class="dropdown-item" href="#">Olej bílá</a>
    <a class="dropdown-item" href="#">Šedá</a>
    <a class="dropdown-item" href="#">Světle hnědá</a>
    <a class="dropdown-item" href="#">Teak</a>
    <a class="dropdown-item" href="#">Zelená</a>
  </div>
 </div>
</center>

【问题讨论】：

出现什么错误？您期望发生的事情没有发生？
如果您提到任何 console.log 错误或以其他方式将您的代码作为可运行示例包含在内，将会很有帮助
这实际上是为我准备的。你想做什么？ plnkr.co/edit/DBokfqQ6ERqjUdpwuWLR?p=preview
您的代码工作正常，但是您将 Javascript 放入 CSS 框中，因此您的 sn-p 将无法工作。我注意到这两张图片完全一样，所以我不确定你想要达到什么目的。
新的图像src是不同的图像，但看起来完全一样，所以你看不出它已经改变了

标签： javascript html css

【解决方案1】：

您正在尝试将其更改为与原来相同的图片。它实际上正在工作，你不能只是看到它。

【讨论】：