DHTML DOM (نموذج وثيقة العنصر)

DOM (نموذج وثيقة العنصر) هو أننا نستطيع الوصول إلى كل عنصر في الوثيقة.

نموذج

ملاحظة:معظم نماذج DHTML تتطلب IE 4.0+، Netscape 7+ أو Opera 7+!

وصول العنصر
كيفية الوصول إلى عنصر وتغيير نمطه.
تغيير الخاصية
كيفية الوصول إلى عنصر صورة وتعديل خاصيته "src".
innerHTML
كيفية الوصول إلى تعديل محتوى العنصر.

كيفية الوصول إلى عنصر؟

يجب أن يكون العنصر مملوكًا لـ id معين، ويجب أن يحتوي على لغة سكربت. JavaScript هو لغة السكربت الأكثر توافقًا مع المتصفحات، لذا نستخدم JavaScript.

<html>
<body>
<h1 id="header">رأسى</h1>
<script type="text/javascript">
document.getElementById('header').style.color="red"
</script>
</body>
</html>

هذا السكربت يمكنه تغيير لون عنصر الرأس، وإنتاج مخرجات.

رأسى