JS: DOM
تعلّم DOM في JS مع أمثلة عملية.
JS — DOM
مقدمة
DOM يسمح لـ JavaScript بقراءة وتعديل عناصر HTML.
ماذا ستتعلم؟
- querySelector
- textContent
- classList
- createElement
الصياغة
document.querySelector("h1").textContent = "مرحبا";
مثال
const btn = document.querySelector("#btn");
btn.addEventListener("click", ()=>{
document.querySelector("#msg").textContent = "تم الضغط!";
});
ملاحظات
- استخدم addEventListener بدل onclick.
- فضّل textContent على innerHTML.
جرّب بنفسك: افتح Playground: /ar/playground/html