บทความนี้อธิบายการใช้ฟังก์ชันการกำจัดโหนด DOM RemoveChild () แบ่งปันสำหรับการอ้างอิงของคุณ การวิเคราะห์เฉพาะมีดังนี้:
ในการลบโหนดใน DOM คุณต้องยืนที่ความสูงของโหนดพาเรนต์เพื่อลบ รหัสมีดังนี้:
คัดลอกรหัสดังนี้: <html>
<head>
<script type = "text/javascript">
ฟังก์ชั่น t () {
// ความคิด: 1. ก่อนอื่นให้ค้นหาโหนดที่จะถูกลบ; 2. ค้นหาโหนดพาเรนต์และลบโหนดลูกออกจากมุมมองของโหนดพาเรนต์
var nodeul = document.getElementsByTagname ('ul') [0]; // ค้นหาโหนดพาเรนต์
var li_lan = nodeul.children [2]; // ค้นหาโหนดลูกที่จะลบ
nodeul.removeChild (li_lan); // ใช้ฟังก์ชัน RemoveChild () เพื่อลบ
-
</script>
</head>
<body>
<div id = "container">
<ul>
<li> ฤดูใบไม้ผลิ </li>
<li> ฤดูร้อน </li>
<li> ท้องฟ้าสีฟ้า </li>
<li> ฤดูใบไม้ร่วง </li>
<li> ฤดูหนาว </li>
</ul>
</div>
<div id = "copyul">
</div>
<HR />
<ปุ่ม onclick = "t ()" value = ""> ลบโหนดเด็ก </ Button>
</body>
</html>
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน