DOM基础之删除元素
在JavaScript中,我们可以使用removeChild()方法来删除父元素下的某个子元素。
语法:
A.removeChild(B);
说明:
A表示父元素,B表示父元素内部的某个子元素。
举例:
<!DOCTYPE >
<html>
<head>
<title ></title>
<meta charset="utf-8" />
<script>
window.οnlοad=function()
{
var oBtn=document.getElementById("btn");
oBtn.οnclick=function()
{
var
oU1=document.getElementById("list");//删除最后一个子元素
oU1.removeChild(oU1.lastElementChild);
}
}
</script>
</head>
<body>
<u id="list">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuery</li>
<li>Vue.js</li>
</u>
<input id="btn" type="button" value="删除" />
</body>
</html>
```
分析:
oU1.removeChild(oU1.lastElementChild);表示删除ul中最后一个子元素。如果想要删除第一个子元素,可以使用first来实现,如果想把整个列表删除,直接document.body.removeChild(oU1);就可以。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步