如何将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

您是否尝试设置img src=""的{​​{1}}？如果是这样，你只需要在找到它之后设置src属性

.fruit1

请注意var fruit1image = document.getElementsByClassName("fruit1")[0]; fruit1image.src="http://us.yimg.com/i/us/nws/weather/gr/32ds.png"; 返回一个数组，因此我们需要获取第一个（第0个）元素。