时间戳

首页 > 解决方案 > 通过条件动态更改 div 中的图像

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

问题描述

我正在一个使用纯 Django 的网站上工作，但我希望两个图像之一出现在有条件的情况下，就像这个 VueJs 示例一样。

如果没有前端框架，这是否可能，如果可以，完成它的最佳方法是什么？

标签： javascripthtmlcssdjango

解决方案

你可以在 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>

推荐阅读