<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 件の回答
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)
不过并不知道上面的代码有没有兼容性问题
Hot Questions
function_exists() はカスタム関数を決定できません
2024-04-29 11:01:01
Google Chromeのモバイル版を表示する方法
2024-04-23 00:22:19
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。
2024-04-19 15:37:47
親ウィンドウには出力がありません
2024-04-18 23:52:34
CSS マインド マッピングに関するコースウェアはどこにありますか?
2024-04-16 10:10:18
Hot Tools
vc9-vc14 (32+64 ビット) ランタイム ライブラリ コレクション (以下のリンク)
phpStudy のインストールに必要なランタイム ライブラリのコレクションをダウンロードします。
VC9 32ビット
VC9 32 ビット phpstudy 統合インストール環境ランタイム ライブラリ
PHP プログラマー ツールボックスのフルバージョン
プログラマ ツールボックス v1.0 PHP 統合環境
VC11 32ビット
VC11 32ビットphpstudy統合インストール環境ランタイムライブラリ
SublimeText3 中国語版
中国語版、とても使いやすい
ホットトピック
Douyin レベル価格表 1-75
20337
7
20337
7
Wi-FiにIPが割り当てられていないことが表示される
13531
4
13531
4
確認コードを受け取るための仮想携帯電話番号
11851
4
11851
4
Gmailメールのログイン入り口はどこですか?
8836
17
8836
17
Windows セキュリティ センターをオフにする方法
8420
7
8420
7
人気の記事
2025 年の仮想通貨市場のトップ 10 トレンドの予測: 次のトレンドはどこでしょうか?
2025-11-07
By DDD
通貨サークル内で先住犬プロジェクトを特定するにはどうすればよいですか?ゼロコインの罠とリスク警告を回避する
2025-11-07
By DDD
CSS @media クエリの優先順位とルール カバレッジの問題を解決するためのチュートリアル
2025-11-07
By DDD
インストール後にソフトウェアで win10 フォントが見つからない場合の対処法_win10 フォントのインストールと識別方法
2025-11-07
By DDD
鉄道 12306 の支払いに失敗した注文はまだ存在しますか?_鉄道 12306 の支払いに失敗した注文の処理方法
2025-11-07
By DDD





