วิธีสืบทอดคุณสมบัติ CSS ขององค์ประกอบพาเรนต์ด้วย JavaScript?

คุณสามารถใช้ classList.add() พร้อม append() ใช้ document.createElement() สร้าง div ใหม่ และ classList.add() จะเพิ่มคลาส CSS (.class selector)

ตัวอย่าง

         Add Subjects 
 
   

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

ผลลัพธ์

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

เมื่อคุณคลิกปุ่ม "Add Subjects" คุณจะได้ผลลัพธ์ดังนี้

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