Header Ads

مقدمة حول HTML DOM


ماهي HTML DOM ؟


ان لغة HTML DOM هي

  • نموذج معياري لاستخدام الكائن في صفحات HTML .

  • واجهة برمجية معيارية لصفحات HTML .

  • قاعدة أساس ولغة مستقلة .

  • لغة معيارية من W3C .

تحدد HTML DOM الكائنات و الخصائص لجميع عناصر الصفحة و الطرق للوصول اليهم . أي أن HTML DOM هو المعيار القياسي في تغيير أو إضافة أو إزالة صفحات HTML .




تغيير عناصر HTML


أسهل طريقة لتعديل محتوى العناصر من خلال استخدام خاصية innerHTML .

يغير المثال التالي النص للعنصر <p>

مثال
<html>
<body>
<p id="p1">مرحباً بكم</p>

<script type="text/javascript">

document.getElementById("p1").innerHTML="تم تغيير النص الأصلي";

</script>
</body>
</html>


شرح المثال

  • في صفحة HTML السابقة تحتوي على العنصر h1 بالاي دي id=header .

  • قمنا باستخدام HTML DOM للحصول على Id المسمى header .

  • غيرت JavaScript محتوى العنصر من خلال خاصية innerHTML .





تغيير لواحق HTML


يقوم المثال التالي بتغيير الاحقة src التابع للصورة :
<html>
<body>
<img id="image" src="smiley.gif">

<script type="text/javascript">

document.getElementById("image").src="landscape.jpg";

</script>
</body>
</html>


شرح المثال :

  • في صفحة HTML السابقة تحتوي على العنصر img بالاي دي id=image .

  • قمنا باستخدام HTML DOM للحصول على Id المسمى image .

  • غيرت JavaScript مصدر لاحقة العنصر من خلال خاصية "smiley.gif" إلى "landscape.jpg" .





دورة HTML DOM


لدراسة المزيد حول HTML DOM , يمكنك زيارة قسم دورة HTML DOM

يتم التشغيل بواسطة Blogger.