在if/else中使用javascript更改图像_Javascript_Html

在if/else中使用javascript更改图像

javascript html

在if/else中使用javascript更改图像,javascript,html,Javascript,Html,我试图通过If/else语句更改HTML中的图像，因此页面根据另一个脚本的值显示图像我现在有这个代码 <script> if (b.className="yes") { img src="Site/assets/HappyObama.jpg" } else { img src="Site/assets/SadObama.jpg" } 我怎样才能解决这个问题？Javascript中是否有这样的东西你可以这样做 if (b.className="

我试图通过If/else语句更改HTML中的图像，因此页面根据另一个脚本的值显示图像我现在有这个代码

<script>
      if (b.className="yes") {
    img src="Site/assets/HappyObama.jpg"
} 
else {
    img src="Site/assets/SadObama.jpg"
}

我怎样才能解决这个问题？Javascript中是否有这样的东西

你可以这样做

if (b.className="yes") {
   document.getElementById("imageid").src="Site/assets/HappyObama.jpg";
} else {
   document.getElementById("imageid").src="Site/assets/SadObama.jpg";
}

使用函数设置src的值

function getImage(className) { 

    var image = "";
    if (className == 'yes') {
        image = "Site/assets/HappyObama.jpg"
    } 
    else {
        image = "Site/assets/SadObama.jpg"
    }  
    return image;
}

下面是一个工作示例

<!DOCTYPE html>
<html>
   <body>

     <p id="demo">Click the button to change the text in this paragraph.</p>
     <img id="img" src="#">

     <button onclick="myFunction()">Try it</button>

     <script>
     function myFunction() {
        document.getElementById("demo").innerHTML = "Hello World";
        var i = true;
        if(i) {
           document.getElementById("img").src = "https://www.w3schools.com/css/trolltunga.jpg";

        } else {
           document.getElementById("img").src = "http://wallpaper-         gallery.net/images/image/image-13.jpg";}
       }
    </script>

  </body>
 </html>

为您的img标签分配一个id，然后您可以

//First using jQuery    
     <script>
              if (b.className="yes") 
              {
                 $("#img").attr('src', 'Site/assets/HappyObama.jpg'); 
              } 
              else 
              {
                $("#img").attr('src', 'Site/assets/SadObama.jpg');
              }   
            </script>

//Second using javascript
 <script>
     if (b.className="yes") 
     {
        document.getElementById("img").src="Site/assets/HappyObama.jpg";
     } 
     else 
     {
          document.getElementById("img").src="Site/assets/SadObama.jpg";
     }   
 </script>

让我知道问题是否解决了。很乐意为您提供帮助

您知道赋值和比较之间的区别吗？因为项目已经用上面的if/else语句构建了，所以我想继续使用，否则，您能推荐一个函数或什么吗？img src=Site/assets/HappyObama.jpg中应该表示的内容可能重复？