เมื่อใช้งานทรี DOM ใน JavaScript คุณมักจะพบการเพิ่มและการลบโหนดเช่นกล่องอินพุตที่มีปุ่มเพิ่มและปุ่มลบ คลิกเพื่อเพิ่มเพื่อเพิ่มกล่องอินพุตและคลิกเพื่อลบเพื่อลบกล่องอินพุตที่เกี่ยวข้อง ในบางเฟรมเวิร์ก JS เช่นต้นแบบคุณสามารถใช้ Element.remove () เพื่อลบโหนด ไม่มีวิธีการดังกล่าวใน Core JS มีวิธีการใน IE: Removenode () ลองเรียกใช้รหัสต่อไปนี้
<div> <อินพุต onclick = "removenode (this)" type = "text" value = "คลิกเพื่อลบกล่องอินพุตนี้" /> </div>
จะพบได้ว่าวิธีนี้ใช้งานได้ดีใน IE แต่ในเบราว์เซอร์มาตรฐานเช่น Firefox, Removenode ไม่ได้กำหนดไว้ อย่างไรก็ตามมีวิธีการใช้งานโหนด DOM ใน Core JS: RemoveChild () คุณควรรู้ว่ามันคือการลบโหนดเด็กโดยดูที่ชื่อ จากนั้นเราสามารถปรับให้เข้ากับการลบโหนดที่ระบุ ก่อนอื่นเราสามารถค้นหาโหนดพาเรนต์ของโหนดเพื่อลบจากนั้นใช้ RemoveChild ในโหนดพาเรนต์เพื่อลบโหนดที่เราต้องการลบออก เราสามารถกำหนดวิธีที่เรียกว่า remverelement
ฟังก์ชั่นการลบ (_Element) {var _parentElement = _Element.parentNode; if (_ParentElement) {_ParentElement.RemoveChild (_Element); -ลองเรียกใช้รหัสต่อไปนี้และสามารถดำเนินการได้อย่างถูกต้องในเบราว์เซอร์ต่างๆ
<script type = "text/javascript"> ฟังก์ชั่นการลบฟังก์ชัน (_element) {var _parentelement = _element.parentNode; if (_ParentElement) {_ParentElement.RemoveChild (_Element); }} </script> <div> <input onClick = "remverElement (this)" type = "text" value = "คลิกเพื่อลบกล่องอินพุตนี้"/> </div>ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้ สำหรับข้อมูลเพิ่มเติมเกี่ยวกับ JavaScript คุณสามารถตรวจสอบ: "คำแนะนำอ้างอิง JavaScript" และ "คู่มือสไตล์รหัส JavaScript" ฉันหวังว่าทุกคนจะสนับสนุน wulin.com มากขึ้น