recherche
Questions et réponses javascript - 难题,关于在p标签下新增元素

0
<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
soumettre

4 réponse
0

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

2017-04-11 09:23:30

soumettre

0

使用jquery.append():

(function() {
    var x = 你取到的第三个img;
    $(x).parent('p').append('<img />');
});
2017-04-11 09:23:30

soumettre

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

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

2017-04-11 09:23:30

soumettre

0

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

2017-04-11 09:23:30

soumettre

Hot Tools

Collection de bibliothèques d'exécution vc9-vc14 (32 + 64 bits) (lien ci-dessous)

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

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

Version complète de la boîte à outils du programmeur PHP

Programmer Toolbox v1.0 Environnement intégré PHP

VC11 32 bits

VC11 32 bits

Bibliothèque d'exécution de l'environnement d'installation intégré VC11 phpstudy 32 bits

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser