Javascript 如何将img输出到子类

Javascript 如何将img输出到子类,javascript,dom,Javascript,Dom,我只知道如何在父类中添加标记,并像代码一样在其中输出图像 但是,我不知道如何将图像输出到子类,即“水果1”您是否正在尝试设置的img src=“”?如果是这样,您只需要在找到src属性后设置它 <div class="fruit" id="whole"> <img class="fruit1" /> <img class="fruit2" /> </div> <script> var img1=document.crea

我只知道如何在父类中添加
标记,并像代码一样在其中输出图像


但是,我不知道如何将图像输出到子类,即“水果1”

您是否正在尝试设置
img src=“”
?如果是这样,您只需要在找到src属性后设置它

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

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

是否尝试设置
img src=“”
?如果是这样,您只需要在找到src属性后设置它

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

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

一个
标记是一个自动关闭的标记,不能有任何子元素,因此您不能将另一个图像附加到该图像,您唯一能做的就是更改已经存在的图像的源。然后,我如何解决它。通过使用Node.append()?
标记是一个自动关闭的标记,不能有任何子标记,因此您不能将另一个图像附加到该图像,您唯一能做的就是更改已存在图像的源。那么,我如何解决它呢。通过使用Node.append(),它可以工作。非常感谢你!没问题。好运气有效。非常感谢你!没问题。祝你好运