javascript - 难题,关于在p标签下新增元素
本文介绍了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屋!
查看全文