検索
に質問 javascript - 难题,关于在p标签下新增元素
javascript - 难题,关于在p标签下新增元素
天蓬老师 2017-04-11 09:21:30 表示#ヒョウジ# 623

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
提出する

4 件の回答
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

提出する

0

使用jquery.append():

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

提出する

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

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

2017-04-11 09:23:30

提出する

0

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

2017-04-11 09:23:30

提出する

Hot Tools

vc9-vc14 (32+64 ビット) ランタイム ライブラリ コレクション (以下のリンク)

vc9-vc14 (32+64 ビット) ランタイム ライブラリ コレクション (以下のリンク)

phpStudy のインストールに必要なランタイム ライブラリのコレクションをダウンロードします。

VC9 32ビット

VC9 32ビット

VC9 32 ビット phpstudy 統合インストール環境ランタイム ライブラリ

PHP プログラマー ツールボックスのフルバージョン

PHP プログラマー ツールボックスのフルバージョン

プログラマ ツールボックス v1.0 PHP 統合環境

VC11 32ビット

VC11 32ビット

VC11 32ビットphpstudy統合インストール環境ランタイムライブラリ

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい