บทความนี้อธิบายวิธีการลบองค์ประกอบ HTML ที่ระบุโดยใช้ JavaScript ดั้งเดิม แบ่งปันสำหรับการอ้างอิงของคุณ วิธีการใช้งานเฉพาะมีดังนี้:
คัดลอกรหัสดังต่อไปนี้: <! doctype html>
<html>
<head>
<meta charset = "utf-8">
<meta name = "Author" content = "// www.vevb.com/"/>
<title> wulin.com </title>
<style>
#เนื้อหา{
ความกว้าง: 200px;
ความสูง: 20px;
สี: สีแดง;
-
</style>
<script>
window.onload = function () {
var obt = document.getElementById ("bt");
var odiv = document.getElementById ("เนื้อหา");
obt.onclick = function () {
odiv.parentNode.removeChild (ODIV);
-
-
</script>
</head>
<body>
<div id = "เนื้อหา"> wulin.com </div>
<อินพุต type = "ปุ่ม" id = "bt" value = "ดูเอฟเฟกต์"/>
</body>
</html>
ใน JavaScript ดั้งเดิมปัจจุบันไม่มีวิธีใดที่สามารถลบองค์ประกอบได้ หากคุณต้องการลบออกคุณสามารถลบองค์ประกอบลูกที่ระบุโดยใช้วิธี removeChild () ของโหนดพาเรนต์ รหัสค่อนข้างง่าย ฉันจะไม่แนะนำที่นี่ เพื่อนที่สนใจสามารถอ้างถึงข้อมูลที่เกี่ยวข้อง
ฉันหวังว่าคำอธิบายในบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรมเว็บของทุกคนตาม JavaScript