通过条件动态更改div中的图像

时间:2018-07-09 02:15:05

标签: javascript html css django

我正在一个仅使用Django的网站上工作,但我希望两个图像之一出现在有条件的Exactly like this VueJs example下。

如果没有前端框架,是否有可能做到这一点呢?

1 个答案:

答案 0 :(得分:-1)

您可以通过Vanilla Javascript这样操作!

<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <img src="img1.jpg" id="image" alt="">
  </body>
  <script type="text/javascript">
    var img = document.getElementById('image');
    if (condition){
      img.src = "img2.jpg";
    }
  </script>
</html>