点击复制同一行上的图像

Question

我试图在点击时创建一行图像，但它们是在我的页面的botom上的div标签之后显示的，是document.body.innerHTML让它做到了吗？

     flowers = 1;

     function makeFlower() {

        if (flowers < 10 ){document.body.innerHTML +="<img src='flower.jpg'>";
        flowers ++;
            }
}


<p> Make a happy garden by clicking the flower many times! </p>
    <p><img src="flower.jpg"
            onClick="makeFlower()">
            </p>

Answer 1

使用document.body.innerHTML +=（+=很重要）您要将内容附加到文档正文中。

您应该在包含图片的段落中添加id（属性）：

<p id="garden">
    <img src="flower.jpg" onClick="makeFlower()">
</p>

现在，您可以使用garden

定位document.getElementById("garden")

flowers = 1;
function makeFlower() {

    if (flowers < 10 ) {

        document.getElementById("garden").innerHTML +="<img src='flower.jpg'>";

        flowers ++;
    }
}

这将帮助您入门。