خصوصیت element.innerHTML

مثال (خصوصیت element.innerHTML)

تغییر دادن محتوای HTML از یک عنصر <p> با "id="demo:

document.getElementById("demo").innerHTML = "Paragraph changed!";

در انتهای این صفحه، مثال های بیشتری آورده شده است.

تعریف و کاربرد

خصوصیت innerHTML محتوای HTML( اچ تی ام ال درونی) از یک عنصر را ست کرده یا برمی گرداند.

پشتیبانی مرورگرها

متد
innerHTML	بله	بله	بله	بله	بله

نحوه استفاده

برگرداندن خصوصیت innerHTML:

HTMLElementObject.innerHTML

ست کردن خصوصیت innerHTML:

HTMLElementObject.innerHTML=text

Property Values

مقدار	توضیحات
text	محتوای HTML یک عنصر را مشخص می کند.

جزئیات تکنیکی

مقدار برگشتی	یک رشته که مشخص کننده ی محتوای اچ تی ام ال یک عنصر است.

مثال - خودتان امتحان کنید

مثال (خصوصیت element.innerHTML)

به دست آوردن محتوای اچ تی ام ال از یک عنصر <p> با "id="myP :

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

خروجی x در کد بالا

I am a paragraph.

خودتان امتحان کنید »

مثال (خصوصیت element.innerHTML)

به دست آوردن محتوای یک عنصر <ul> با "id="myList :

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

خروجی x در کد بالا

Coffee
Tea

خودتان امتحان کنید »

مثال (خصوصیت element.innerHTML)

تغییر دادن محتوای اچ تی ام ال دو عنصر:

document.getElementById("myP").innerHTML = "Hello Dolly.";
document.getElementById("myDIV").innerHTML = "How are you?";

خودتان امتحان کنید »

مثال (خصوصیت element.innerHTML)

نشان دادن محتوای اچ تی ام ال از یک عنصر با "id="demo به صورت یک پیام:

alert(document.getElementById("demo").innerHTML);

خودتان امتحان کنید »

مثال (خصوصیت element.innerHTML)

حذف کردن محتوای اچ تی ام ال از یک عنصر <p> با "id="demo :

document.getElementById("demo").innerHTML = ""; // Replaces the content of <p> with an empty string

خودتان امتحان کنید »

مثال (خصوصیت element.innerHTML)

تغییر دادن محتوای اچ تی ام ال و url و target از یک لینک:

document.getElementById("myAnchor").innerHTML = "W3Schools";
document.getElementById("myAnchor").href = "http://www.w3schools.com";
document.getElementById("myAnchor").target = "_blank";

خودتان امتحان کنید »

HTMLکلیه توابع و خصوصیت های شیء Element در JavaScript Reference کلیه توابع و خصوصیت های شیء Element در JavaScript

: نوشته شده توسط احسان عباسی; بازدید: 5797

برای درج دیدگاه، ابتدا باید وارد بیاموز شوید.