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:
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan