innerHTML
الدرس 11 من 13 في دورة دوال JavaScript DOM على Coddy.
تقوم الخاصية innerHTML بتعيين أو استرجاع محتوى HTML الكامل (بما في ذلك العناصر الفرعية) داخل عنصر ما. هذا مفيد لتحديث محتوى قسم في صفحة ويب بشكل ديناميكي.
element.innerHTML = "<b>Example Text !!</b>";
التحدي
سهللقد تم تزويدك بكود HTML يحتوي على div بمعرف (ID) content .
باستخدام JavaScript فقط، قم بتغيير محتوى عنصر div هذا:
- قم باسترجاع عنصر div باستخدام دالة
getElementById. - قم بتعيين محتوى HTML إلى
"<b>Updated Content</b>".
جرّب بنفسك
<!DOCTYPE html>
<html>
<body>
<div id="content">Original Content</div>
<script src="script.js"></script>
</body>
</html>