خصوصیت element.textContent

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

به دست آوردن محتوای متن از اولین عنصر <button> در سند مورد نظر:

var x = document.getElementsByTagName("BUTTON")[0].textContent;

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

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

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

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

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

خصوصیت textContent محتوای متنی گره مورد نظر و تمام فرزندان آن را ست کرده یا برمی گرداند.

در صورتی که خصوصیت textContent را ست کنید، تمام گره های فرزند حذف می شوند و با یک گره متن(text) تکی که در بر دارنده ی رشته ی مشخص است، جایگزین می شوند.

نکته: گاهی اوقات این خصوصیت می تواند به جای خصوصیت nodeValue استفاده شود، اما به یاد بیاورید که این خصوصیت، متن تمام گره های فرزند را به خوبی برمی گرداند.

نکته: برای ست کردن یا برگرداندن محتوای HTML از یک عنصر، می توانید از خصوصیت innerHTML استفاده کنید.

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

اعداد داخل جدول زیر نشان دهنده ی اولین ورژن مرورگری است که به طور کامل از این خصوصیت پشتیبانی می کند.

متد
textContent	1.0	9.0	بله	بله	بله

نحوه استفاده

برگرداندن محتوای متن از یک گره:

node.textContent

ست کردن محتوای متن از یک گره:

node.textContent=text

Property Values

مقدار	Type	توضیحات
text	String	محتوای متنی از یک گره مشخص را معلوم می کند.

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

مقدار برگشتی	یک رشته که مشخص کننده ی متن گره مورد نظر و تمام فرزندان آن می باشد.
DOM Version	Core Level 3 Node Object

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

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

تغییر دادن محتوای متنی از یک عنصر <p> با آی دی myP:

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

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

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

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

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

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

Coffee Tea

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

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

این مثال یک نسخه ی نمایشی است که تفاوت بین خصوصیات textContent و innerHTML را مشخص می کند:

function getText() {
    var x = document.getElementById("myList").textContent;
    document.getElementById("demo").innerHTML = x;
}

function getHTML() {
    var x = document.getElementById("myList").innerHTML;
    document.getElementById("demo").innerHTML = x;
}

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

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

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

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

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.

مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی