javascript - 如何将img输出到子类

Question

<div class="fruit" id="whole">
    <img class="fruit1" />
    <img class="fruit2" />
</div>
<script>
var img1=document.createElement("img");
    img1.src="http://us.yimg.com/i/us/nws/weather/gr/32ds.png";
    document.getElementById("whole").appendChild(img1);
</script>

我只知道如何添加<img>父类中的标签，并在其中输出图像，就像代码一样。

但是，我不知道如何将图像输出到子类，即“fruit1”

Answer 1

您是否尝试设置.fruit1的img src=""？如果是这样，你只需要找到它后设置 src 属性即可

var fruit1image = document.getElementsByClassName("fruit1")[0];
fruit1image.src="http://us.yimg.com/i/us/nws/weather/gr/32ds.png";

请注意，getElementsByClassName 返回一个数组，因此我们需要获取第一个(第 0 个)元素。