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

Question

{代码...} 我现在能取到第一个p节点的第三个img的引用，怎么在他后面新增第四个&lt;img/&gt;。 我用cloneNode可以生成一个和第三个img一样的元素。但不懂怎么添加在第三个img后面。我试过parentNode，但返回的是b...

黄舟 · Answer

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

伊谢尔伦 · Answer

使用jquery 的 .append():

(function() {
    var x = 你取到的第三个img;
    $(x).parent('p').append('');
});

高洛峰 · Answer

var img = new Image()
document.getElementById('p-id').appendChild(img)

不过并不知道上面的代码有没有兼容性问题

高洛峰 · Answer

parentNode返回body？你是用的clone出来的Node么？用本来的那个img元素的话不应该啊。。。