如何通过innerHTML

时间:2016-04-26 08:13:08

标签: javascript html

令人困惑的问题......

在echo中我有空白页面..如果我设置innerHTML ="一些文字&#34 ;; - 有用。为什么它不使用图像?如果我直接转到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>
  ';

1 个答案:

答案 0 :(得分:2)

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>';
  

另请注意,您的图片网址名称中包含banneradv。广告拦截器会屏蔽这些图片,或将inline样式添加到包含该图片的img属性中。

我希望这有帮助!