Rumah > Artikel > hujung hadapan web > javascript怎么删除dom
javascript怎么删除dom
- 藏色散人asal
- 2021-03-30 14:51:437951semak imbas
javascript删除dom的方法：首先创建一个HTML示例文件并创建一个button按钮；然后通过使用“removeChild()”方法来实现删除节点即可。
本文操作环境：windows7系统、javascript1.8.5版，DELL G3电脑。
JS实现DOM删除节点操作示例
一、介绍
删除节点通过使用removeChild()方法来实现。
removeChild()方法用来删除一个子节点。
obj. removeChild(oldChild)
oldChild：表示需要删除的节点。
二、应用
删除节点，本示例将通过DOM对象的removeChild()方法，动态删除页面中所选中的文本。
三、代码
<!DOCTYPE html>
<html>
<head>
<title>删除节点</title>
<script language="javascript">
<!--
function delNode()
{
var deleteN=document.getElementById('di');
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>【推荐学习：js基础教程】
Atas ialah kandungan terperinci javascript怎么删除dom. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
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 sebelumnya：javascript怎么删除行Artikel seterusnya：Javascript如何删除数组