جافا سكربت - طرق هتمل دم

الأساليب DOM هي الأفعال التي يمكنك تنفيذها على عناصر HTMLالتحركات.

خصائص DOM HTML هي العناصر التي يمكنك ضبطها أو تغييرها في HTMLالقيمة.

واجهة برمجة DOM

يمكن الوصول إلى DOM HTML من خلال JavaScript (يمكن الوصول إليها أيضًا من خلال لغات برمجة أخرى)

في DOM، جميع عناصر HTML تُعرفالعنصر.

واجهة البرمجة هي الخصائص والأساليب لكل عنصر.

الخصائصهي القيم التي يمكنك الحصول عليها أو تعديلها (مثل تغيير محتوى عنصر HTML).

الأساليبهي الأفعال التي يمكنك تنفيذها (مثل إضافة أو حذف عنصر HTML).

النموذج

في المثال التالي، يتم تغيير محتوى العنصر <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>.