Question

这对我不起作用，我不知道该怎么办，所以我希望你们能帮助我。脚本位于顶部，在中间，我添加了带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>

Answer 1

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

JavaScript中的图片更改

1 个答案: