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

วิธีซ่อน div ใน JavaScript เมื่อคลิกปุ่ม?


สมมติ div ของเราเป็นดังนี้

Welcome in JavaScript

ปุ่มของเราคือ เมื่อคลิก div ข้างต้นควรซ่อน

ใช้คอนเซปต์ style.display ใน JavaScript เพื่อซ่อน div โค้ดมีดังนี้

ตัวอย่าง

 

     Document       
Welcome in JavaScript

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

ผลลัพธ์

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

วิธีซ่อน div ใน JavaScript เมื่อคลิกปุ่ม?

เมื่อผู้ใช้คลิกที่ปุ่ม div จะซ่อน สกรีนชอทมีดังนี้

วิธีซ่อน div ใน JavaScript เมื่อคลิกปุ่ม?