أحدث البرامج التعليمية وتطوير الشبكة
 

HTML DOM innerHTML Propery

<كائن العنصر

مثال

تغيير محتوى HTML ل <p> عنصر مع معرف = "تجريبي":

document.getElementById("demo").innerHTML = "Paragraph changed!";
انها محاولة لنفسك »

أكثر "Try it Yourself" الأمثلة أدناه.


تعريف والاستخدام

مجموعات الخاصية innerHTML أو إرجاع محتوى HTML (inner HTML) عنصر.


دعم المتصفح

خاصية
innerHTML نعم فعلا نعم فعلا نعم فعلا نعم فعلا نعم فعلا

بناء الجملة

إعادة الخاصية innerHTML:

HTMLElementObject .innerHTML

تعيين الخاصية innerHTML:

HTMLElementObject .innerHTML= قيم الممتلكات
القيمة وصف
text يحدد محتوى HTML عنصر

تفاصيل تقنية

قيمة الإرجاع: A سلسلة تمثل محتوى HTML عنصر

أمثلة

مزيد من الأمثلة

مثال

الحصول على محتوى HTML ل <p> عنصر مع معرف = "MYP":

var x = document.getElementById("myP").innerHTML;

ونتيجة لالعاشر على النحو التالي:

I am a paragraph.
انها محاولة لنفسك »

مثال

الحصول على محتوى HTML من <ul> عنصر مع معرف = "قائمتي":

var x = document.getElementById("myList").innerHTML;

ونتيجة لالعاشر على النحو التالي:

  • Coffee
  • Tea
انها محاولة لنفسك »

مثال

تغيير محتوى HTML من عنصرين:

document.getElementById("myP").innerHTML = "Hello Dolly.";
document.getElementById("myDIV").innerHTML = "How are you?";
انها محاولة لنفسك »

مثال

تنبيه محتوى HTML ل <p> عنصر مع معرف = "تجريبي":

alert(document.getElementById("demo").innerHTML);
انها محاولة لنفسك »

مثال

حذف محتوى HTML ل <p> عنصر مع معرف = "تجريبي":

document.getElementById("demo").innerHTML = "";  // Replaces the content of <p> with an empty string
انها محاولة لنفسك »

مثال

تغيير محتوى HTML، URL، والهدف من الرابط التالي:

document.getElementById("myAnchor").innerHTML = "w3ii";
document.getElementById("myAnchor").href = "http://www.w3ii.com";
document.getElementById("myAnchor").target = "_blank";
انها محاولة لنفسك »

<كائن العنصر