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

HTML DOM textContent Propery

<كائن العنصر

مثال

الحصول على محتوى النص من أول <button> عنصر في الوثيقة:

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

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

Try it Yourself »
انها محاولة لنفسك »

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

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

مجموعات textContent الملكية أو إرجاع المحتوى النصي من العقدة المحددة، وكل نسله.

إذا قمت بتعيين الخاصية textContent، تتم إزالة أي العقد التابعة وحلت محلها عقدة نص واحد يحتوي على السلسلة المحددة.

نصيحة: في بعض الأحيان هذا العقار يمكن أن تستخدم بدلا من nodeValue الملكية، ولكن تذكر أن هذه الخاصية بإرجاع النص من كل العقد التابعة أيضا.

نصيحة: لتعيين أو إعادة محتوى HTML عنصر، استخدام HTML داخلي الممتلكات.

دعم المتصفح

الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.

خاصية
textContent 1.0 تسعة نعم فعلا نعم فعلا نعم فعلا

بناء الجملة

العودة محتوى النص من عقدة:

node .textContent

تعيين محتوى النص من عقدة:

node .textContent= text

قيم الممتلكات

القيمة اكتب وصف
نص خيط يحدد محتوى النص من العقدة المحددة

تفاصيل تقنية

قيمة الإرجاع: سلسلة تمثل نص العقدة وكل نسله
صفحة DOM المستوى الأساسي كائن 3 عقدة
أمثلة

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

مثال

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

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

مثال

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

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

فإن قيمة x هي:

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

مثال

يوضح هذا المثال الخلافات بين 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;
}
انها محاولة لنفسك »

<كائن العنصر