home

หน้าแรก
 Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

ลบและเพิ่มแท็ก HTML ใหม่ด้วย JavaScript?

เพื่อลบและเพิ่มแท็ก HTML ใหม่ ใช้คอนเซปต์ hide() และ show()

สมมติปุ่มของเราคือ

เพื่อลบและเพิ่มแท็กเมื่อคลิกปุ่ม ใช้ hide() และ show()

$(document).ready(function(){ $("#hide").click(function(){ $("h1").hide(); }); $("#show").click(function(){ $("h1").show(); }); });

ตัวอย่าง

 

     Document      
Test JavaScript

เพื่อรันโปรแกรมด้านบน ให้บันทึกชื่อไฟล์ "anyName.html(index.html)" และคลิกขวาที่ไฟล์ เลือก "Open with Live Server" ใน VS Code editor

ผลลัพธ์

จะได้ผลลัพธ์ดังนี้

ลบและเพิ่มแท็ก HTML ใหม่ด้วย JavaScript?

กรณี 1

เมื่อคุณคลิกปุ่ม "Click Me To hide above content" จะได้ผลลัพธ์ดังนี้

ลบและเพิ่มแท็ก HTML ใหม่ด้วย JavaScript?

กรณี 2

เมื่อคุณคลิกปุ่ม "Click Me To show above content" จะได้ผลลัพธ์ดังนี้

ลบและเพิ่มแท็ก HTML ใหม่ด้วย JavaScript?