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元素的话不应该啊。。。

php8，我来也

30分钟学会网站布局

尚观Oracle入门到精通视频教程

你的第一行 UNI-APP 代码

Flutter 从头到应用启动

兄弟连Linux新版视频教程

AXURE 9视频教程（适合产品经理交互产品设计UI）

零基础PS视频教程

16天带你入门UI视频教程

PS技巧和切片技巧视频教程

阿里云环境搭建以及项目上线视频教程

计算机网络概述——程序员必须掌握的基础知识

程序员必备教程——HTTP协议讲解

Websocket视频教程