<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应该都行不通。
Your Answer
4 réponse
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...
使用jquery 的 .append():
(function() {
var x = 你取到的第三个img;
$(x).parent('p').append('<img />');
}); var img = new Image()
document.getElementById('p-id').appendChild(img)
不过并不知道上面的代码有没有兼容性问题
Outils chauds Tags
Hot Questions
function_exists() ne peut pas déterminer la fonction personnalisée
2024-04-29 11:01:01
Comment afficher la version mobile de Google Chrome
2024-04-23 00:22:19
La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas.
2024-04-19 15:37:47
Il n'y a aucune sortie dans la fenêtre parent
2024-04-18 23:52:34
Où sont les didacticiels sur la cartographie mentale CSS ?
2024-04-16 10:10:18
Hot Tools
Collection de bibliothèques d'exécution vc9-vc14 (32 + 64 bits) (lien ci-dessous)
Téléchargez la collection de bibliothèques d'exécution requises pour l'installation de phpStudy
VC9 32 bits
Bibliothèque d'exécution de l'environnement d'installation intégré VC9 32 bits phpstudy
Version complète de la boîte à outils du programmeur PHP
Programmer Toolbox v1.0 Environnement intégré PHP
VC11 32 bits
Bibliothèque d'exécution de l'environnement d'installation intégré VC11 phpstudy 32 bits
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Sujets chauds
Article chaud
Comment identifier les projets de chiens autochtones dans le cercle monétaire ? Évitez les pièges et les avertissements de risque du Zerocoin
2025-11-07
By DDD
Prédiction des dix principales tendances du marché des cryptomonnaies en 2025 : où est la prochaine tendance ?
2025-11-07
By DDD





