خاصية HTML DOM innerHTML
مثال
قم بتغيير محتوى HTML لعنصر <p> بالمعرف = "demo":
document.getElementById("demo").innerHTML = "Paragraph changed!";
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
تقوم خاصية innerHTML بتعيين أو إرجاع محتوى HTML (HTML الداخلي) للعنصر.
دعم المتصفح
Property | |||||
---|---|---|---|---|---|
innerHTML | Yes | Yes | Yes | Yes | Yes |
بناء الجملة
قم بإرجاع خاصية innerHTML:
HTMLElementObject.innerHTML
قم بتعيين خاصية innerHTML:
HTMLElementObject.innerHTML = text
قيم الملكية
Value | Description |
---|---|
text | Specifies the HTML content of an element |
تفاصيل تقنية
قيمة الإرجاع: | سلسلة ، تمثل محتوى HTML لعنصر |
---|
مزيد من الأمثلة
مثال
احصل على محتوى HTML لعنصر <p> بالمعرف = "myP":
var x = document.getElementById("myP").innerHTML;
مثال
احصل على محتوى HTML لعنصر <ul> مع id = "myList":
var x = document.getElementById("myList").innerHTML;
مثال
قم بتغيير محتوى HTML لعنصرين:
document.getElementById("myP").innerHTML = "Hello Dolly.";
document.getElementById("myDIV").innerHTML = "How are you?";
مثال
تنبيه محتوى HTML لعنصر <p> بالمعرف = "demo":
alert(document.getElementById("demo").innerHTML);
مثال
احذف محتوى HTML لعنصر <p> بالمعرف = "demo":
document.getElementById("demo").innerHTML = ""; // Replaces the content of <p> with an empty string
مثال
قم بتغيير محتوى HTML وعنوان URL وهدف الارتباط:
document.getElementById("myAnchor").innerHTML = "W3Schools";
document.getElementById("myAnchor").href = "https://www.w3schools.com";
document.getElementById("myAnchor").target = "_blank";
❮ عنصر الكائن