简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial js > teks badan

js如何创建、删除、追加及替换元素节点（附代码实例）

藏色散人
Lepaskan： 2022-08-06 17:26:57
ke hadapan
2872 人浏览过

本文主要给大家介绍js是如何创建、删除、追加及替换元素节点的，希望对需要的朋友有所帮助！

一.创建元素节点createElement   添加节点 node.appendChild(child)  -->node父级 child 子级 元素追加到最后面

效果图

 

 二.插入节点insertBefore node.insertBefore(child,指定元素)--> node父级 child 子级

效果图

 

三.删除节点 node.removeChild(child)--> node父级 child 子级

 四.替换节点   父级.replaceChild(节点对象1，节点对象2)-->第一个参数为新建的节点，第二个节点为被替换的节点

 效果图

 相关推荐：【JavaScript视频教程】

 

以上是js如何创建、删除、追加及替换元素节点（附代码实例）的详细内容。更多信息请关注PHP中文网其他相关文章！

Label berkaitan：
javascript 节点
sumber：csdn.net
Artikel sebelumnya：解析JS如何获取节点并进行兼容性封装 Artikel seterusnya：最细讲解JS盒子模型的基本属性（图文示例）
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Bagaimana untuk menyenaraikan data dalam bahagian mengikut ID menggunakan gelung while dalam PHP? Saya mempunyai jadual mysql dengan lajur ini: series_id, series_color, product_name Dalam ...
daripada 2023-11-17 20:03:03
0
1
290
Nuxt.js SSG (Penjana Tapak Statik) Dapatkan Data API Apabila membina projek menggunakan penjana tapak statik, saya faham bahawa dokumentasi yan...
daripada 2023-11-16 21:36:07
0
1
176
PHP memangkas ruang unicode Saya cuba memangkas ruang unicode seperti watak ini dan saya dapat melakukannya menggunaka...
daripada 2023-11-13 08:49:45
0
2
398
Tingkatkan saiz muat naik fail dalam konfigurasi Apache Hai semua! Saya bergelut dengan isu konfigurasi ini kerana saya cuba meningkatkan kapasiti...
daripada 2023-11-11 11:00:33
0
1
287
XAMPP/SQLSRV: Tidak dapat mencari Sqlsrv dalam PHPINFO() - ralat daripada sambungan Saya cuba menyambung ke pangkalan data SQLServer saya yang dihoskan pada LinuxVM. Saya men...
daripada 2023-11-09 22:34:33
0
1
172
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！