提问者:小点点

为什么我不能innerHTML img?


null

function Play(){
document.getElementById("chartContainer3").innerHTML = "<img src = '/S/Chart/img/purple.png'></img>";
}
<a href="#" onclick="Play()">Submit</a>  
<div id="chartContainer3" style="width: 500px; height: 400px;"></div>

null

我在/s/chart/img/purple.png中有一个img,我想在“ChartContainer3”中创建,但我不明白当我单击submit时没有发生任何事情,没有创建。那么我如何在“ChartContainer3”中进行创建呢?


共1个答案

匿名用户

您的代码有两个问题:

>

  • img是内联元素,因此不需要结束标记

    onclick=“Play()”调用函数Play,您只需通过(onclick=“Play”)

    不管怎样,你最好这样做:

    null

    function Play(){
      var container = document.getElementById("chartContainer3");
      var img = document.createElement('img');
      img.src = '/S/Chart/img/purple.png';
      container.append(img)
    }
    <a href="#" onclick="Play">Submit</a>  
    <div id="chartContainer3" style="width: 500px; height: 400px;"></div>