如何通过innerHTML设置图像

Question

困惑的问题...

在回声中，我有空白页.. 如果我设置了innerHTML="some text"; - 有用。为什么它不适用于图像？如果我直接访问https://domain.com/adv/banner.jpg它将打开图像...

echo'
  <div id="yabanner"></div>

  <script>
  yaGetBanner();
  function yaGetBanner()
  {
    var el = document.getElementById("yabanner");
    el.innerHTML="<img src=\'https://domain.com/adv/banner.jpg\' width=\'400px\' height=\'150px\'>";
  }
  </script>
  ';

Answer 1

您也需要double quotes该img属性，然后您需要backslashes. 所以你的代码看起来像：

echo '
<div id="yabanner"></div>

<script>
yaGetBanner();
function yaGetBanner()
{
   var el = document.getElementById("yabanner");
   el.innerHTML="<img src=\"http://placehold.it/350x350\" width=\"400px\" height=\"150px\">";
}
</script>';

另请注意，您在图像 URL 的名称中包含banner和adv。Adblockers 将阻止这些图像或inline为img包含该图像的属性添加样式。

我希望这有帮助！