home

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

ซ่อน/แสดง DOM Elements ด้วย Plain JavaScript

เรียนรู้ซ่อน/แสดง DOM elements ด้วย plain vanilla JavaScript

JS มี style property ชื่อ style ใช้ set CSS properties บน elements ได้เหมือน CSS

ซ่อน DOM element:

element.style.display = "none";

แสดง DOM element อีกครั้ง:

element.style.display = "block";

Note: ถ้า element เดิมเป็น inline หรือ inline-block ให้เปลี่ยน block เป็นค่านั้น

Practical Example

Select element ก่อน แล้วค่อย style:

const ctaButton = document.querySelector(".cta-button");
ctaButton.style.display = "none";