masyarakat
Belajar
Perpustakaan Alatan
Alat AI
Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > javascript怎么删除dom

javascript怎么删除dom

藏色散人
Lepaskan： 2023-01-03 09:31:47
asal
8102 orang telah melayarinya

javascript删除dom的方法：首先创建一个HTML示例文件并创建一个button按钮；然后通过使用“removeChild()”方法来实现删除节点即可。

javascript怎么删除dom

本文操作环境：windows7系统、javascript1.8.5版，DELL G3电脑。

JS实现DOM删除节点操作示例

一、介绍

删除节点通过使用removeChild()方法来实现。

removeChild()方法用来删除一个子节点。

obj. removeChild(oldChild)

oldChild：表示需要删除的节点。

二、应用

删除节点，本示例将通过DOM对象的removeChild()方法，动态删除页面中所选中的文本。

三、代码

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

<!DOCTYPE html>

<html>

<head>

<title>删除节点</title>

<script language="javascript">

<!--

function delNode()

{

var deleteN=document.getElementById(&#39;di&#39;);

if(deleteN.hasChildNodes())

{

  deleteN.removeChild(deleteN.lastChild);

}

}

-->

</script>

</head>

<body>

<h1>删除节点</h1>

<div id="di">

<p>第一行文本</p>

<p>第二行文本</p>

<p>第三行文本</p>

</div>

<form>

<input type="button" value="删除" onclick="delNode();"/>

</form>

</body>

</html>

Salin selepas log masuk

【推荐学习：js基础教程】

Atas ialah kandungan terperinci javascript怎么删除dom. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
javascript
Artikel sebelumnya：javascript怎么删除行 Artikel seterusnya：Javascript如何删除数组
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
Apakah pengumpulan sampah JavaScript?
daripada 1970-01-01 08:00:00
0
0
0
Apakah fungsi cangkuk JavaScript?
daripada 1970-01-01 08:00:00
0
0
0
Tutorial JavaScript: Menggunakan JavaScript untuk mencipta dan membaca nilai dalam kuki
daripada 1970-01-01 08:00:00
0
0
0
c++ memanggil javascript
daripada 1970-01-01 08:00:00
0
0
0
Apabila menulis HTML untuk menyambungkan fail JavaScript pada Dreamweaver, kod JavaScript tidak berfungsi. Tolong bantu! ?
daripada 1970-01-01 08:00:00
0
0
0
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