javascript - 难题，关于在p标签下新增元素

问题描述

问 题

<p>
    <img/>    
    <img/>    
    <img/>
</p>

<p>
    <img/>    
    <img/>    
    <img/>
</p>

• 我现在能取到第一个p节点的第三个img的引用，怎么在他后面新增第四个<img/>。

• 我用cloneNode可以生成一个和第三个img一样的元素。但不懂怎么添加在第三个img后面。我试过parentNode，但返回的是body，不是p标签。

• 补充下，我是遍历dom，然后进行信息更新或者添加节点，我并不知道我当前处于哪个p节点下面，自然也不知道当前img上级p标签的class和id，根据id和class应该都行不通。

解决方案

https://developer.mozilla.org...

var imgs = document.getElementsByTagName('img');
var img = document.createElement('img');
img.src = 'https://www.baidu.com/img/bd_logo1.png';
imgs[2].after(img);

https://jsfiddle.net/ycloud/v...

这篇关于javascript - 难题，关于在p标签下新增元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！