使用 JavaScript onclick() 更改图像

【问题标题】：Using JavaScript onclick() to change an image使用 JavaScript onclick() 更改图像
【发布时间】：2018-02-05 04:54:54
【问题描述】：

我希望能够单击侧菜单的 li 元素，它应该使图像显示为将当前图像更改为另一个图像。

这是我拥有的编码，它应该可以工作，但它没有，我不知道我是否遗漏了什么或有什么问题。

<aside>
    <ul>
        <li onClick="document.getElementById('plantImg').src blanket">Blanket Flower</li>
        <li onclick="document.getElementById('plantImg').src rugosa">Hedge Rose</li>
        <li onclick="document.getElementById('plantImg').src bluestem">Little Bluestem</li>
    </ul>
</aside>

  <article>
     <figure>
     <img src="#" width="640" height="400" alt="" title="" id="plantImg"/>
         <figcaption>
            <script>
            /*
                Information on available plants
                including link to USDA website
            */
            document.write("<p>Plant choices for <a href= 'http://planthardiness.ars.usda.gov'> hardiness zones</a> 5a-6b</p>");// hardiness zones for Chicago and surrounding area

                var blanket = "images/blanket.jpg";
                var bluestem = "images/bluestem.jpg";
                var rugosa = "images/rugosa.jpg";
        </script>
        </figcaption>
     </figure>
  </article>

谢谢。

【问题讨论】：

• 我看到 3 张图片，应该换成哪一张？
• 澄清一下：您的意思是要使用 onClick() 来“循环”遍历字符串变量中引用的这 3 个图像吗？
• 当我点击带有名称的
• 时，我想使用 onClick 将带有 # 的

  正下方的图像更改为变量/图像毯子.jpg 或 bluestem/jpg抱歉，好像没有添加

  .getElementById('plantImg').src rugosa">对冲玫瑰

  小蓝茎