جافا سكريبت - طرق HTML DOM
طرق HTML DOM هي إجراءات يمكنك تنفيذها (على عناصر HTML).
خصائص HTML DOM هي قيم (لعناصر HTML) يمكنك تعيينها أو تغييرها.
واجهة برمجة DOM
يمكن الوصول إلى HTML DOM باستخدام JavaScript (ولغات البرمجة الأخرى).
في DOM ، يتم تعريف جميع عناصر HTML ككائنات .
واجهة البرمجة هي خصائص وطرق كل كائن.
الخاصية هي قيمة يمكنك الحصول عليها أو تعيينها (مثل تغيير محتوى عنصر HTML).
الطريقة هي إجراء يمكنك القيام به (مثل إضافة عنصر HTML أو حذفه).
مثال
يغير المثال التالي محتوى (the innerHTML
) <p>
العنصر باستخدام id="demo"
:
مثال
<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>
</body>
</html>
في المثال أعلاه ، getElementById
هي طريقة بينما innerHTML
هي
خاصية .
طريقة getElementById
الطريقة الأكثر شيوعًا للوصول إلى عنصر HTML هي استخدام id
العنصر.
في المثال أعلاه getElementById
الطريقة المستخدمة id="demo"
للعثور على العنصر.
خاصية innerHTML
أسهل طريقة للحصول على محتوى عنصر ما هي باستخدام innerHTML
الخاصية.
الخاصية مفيدة للحصول على innerHTML
أو استبدال محتوى عناصر HTML.
يمكن innerHTML
استخدام الخاصية للحصول على أي عنصر HTML أو تغييره ، بما في ذلك <html>
و <body>
.