使用JavaScript onclick（）更改图像

我想能够在一个侧面菜单点击一个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>

5a-6b
”；//芝加哥及周边地区的耐寒区
var blanket=“images/blanket.jpg”；
var bluestem=“images/bluestem.jpg”；
var rugosa=“images/rugosa.jpg”；

---

谢谢。

是的，您可以随心所欲地做，但不需要文档。编写

毯花
树篱玫瑰
小蓝调

函数LoadImage（src_）{
document.getElementById（'plantImg'）。src=src；
}
var毯子=”https://ckeditor.com/tmp/4.4.0/assets/js.png";
var bluestem=”https://tag.ruuvi.com/assets/images/ruuvi-tag-javascript.png";
鲁戈萨变种=”https://upload.wikimedia.org/wikipedia/commons/thumb/c/ce/Unofficial_JavaScript_logo.svg/1024px-Unofficial_JavaScript_logo.svg.png";

是的，您可以随心所欲地完成，但不需要document.write

毯花
树篱玫瑰
小蓝调

函数LoadImage（src_）{
document.getElementById（'plantImg'）。src=src；
}
var毯子=”https://ckeditor.com/tmp/4.4.0/assets/js.png";
var bluestem=”https://tag.ruuvi.com/assets/images/ruuvi-tag-javascript.png";
鲁戈萨变种=”https://upload.wikimedia.org/wikipedia/commons/thumb/c/ce/Unofficial_JavaScript_logo.svg/1024px-Unofficial_JavaScript_logo.svg.png";

我看到3张图片，应该改为哪一张？澄清一下：你的意思是你想要onClick（）要用于在字符串变量中引用的这3个图像之间“循环”吗？我想使用onClick将#下的图像更改为变量/image blanket.jpg或bluestem/jpg，当我单击带有名称的

时，很抱歉，

看起来没有添加

• 毛毯花对冲玫瑰“>Little Bluestem

@alice83不要在评论中发布代码，必要时编辑您的问题。要分配给src属性，您必须使用赋值运算符：

document.getElementById（'plantImg'）。src=blanket

我看到3个图像，它应该更改为哪一个？澄清一下：您的意思是您想要onClick（）要使用“循环”浏览字符串变量中引用的这3个图像？我想使用onClick将#正下方的图像更改为变量/image blanket.jpg或bluestem/jpg，当我单击带有名称的

时，很抱歉，

看起来没有添加

• 毛毯花对冲玫瑰“>Little Bluestem

@alice83不要在评论中发布代码，必要时编辑您的问题。要分配给src属性，必须使用赋值运算符：

document.getElementById（'plantImg'）。src=blanket