JavaScript ลบตาราง HTML ด้วยคำสั่ง remove

JavaScript ลบตาราง HTML ด้วยคำสั่ง remove บทความนี้สอนเขียนโค้ดภาษา JavaScript เพื่อลบตาราง หรือแท็ก table ของ HTML โดยการอ้างถึง elements ผ่าน id หรือ class และใช้คำสั่ง remove สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง JavaScript ลบตาราง HTML ด้วยคำสั่ง remove

<table id="my_table" width="100%" border="1">
    <tr>
        <td>A</td>
        <td>B</td>
        <td>C</td>
    </tr>
    <tr>
        <td>D</td>
        <td>E</td>
        <td>F</td>
    </tr>    
</table>
<div style="margin-top: 1rem;">
<input type="button" onclick="deleteTable()" value="ลบตาราง">
</div>

<script>
    function deleteTable() {
       document.getElementById("my_table").remove();
    }
</script>

JavaScript ลบตาราง HTML จากตัวอย่างเมื่อกดคลิกปุ่ม onclick จะเรียกใช้ฟังก์ชัน deleteTable เพื่ออ้างถึงตารางด้วย id เท่ากับ my_table จากนั้นใช้คำสั่ง remove เพื่อลบตาราง HTML