More

[ دورة DHTML ] الدرس الرابع – مقدمة حول 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”
Tags
Show More

Related Articles

Leave a Reply

Your email address will not be published. Required fields are marked *

Adblock Detected

Please consider supporting us by disabling your ad blocker
Inline
Inline