خاصية innerText DOM HTML Element

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

innerText يحدد أو يعود الخاصية النصية للمكون.

ملاحظة:إعداد innerText عند تعيين الخاصية، سيتم حذف جميع العناصر الفرعية وستتم استبدالها بنقطة نصية جديدة.

يرجى الرجوع أيضًا إلى:

textContent الخاصية

خاصية innerHTML

مثال

الحصول على النص الداخلي للعنصر:

let text = element.innerText;

جرب بنفسك

النحو

الرجوع إلى نص العنصر أو العنصر المحدد:

element.innerText

أو

node.innerText

ضبط نص العنصر أو العنصر المحدد:

element.innerText = text

أو

node.innerText = text

قيمة الخاصية

القيمة وصف
text محتويات النص للعناصر.

الرجوع

النوع وصف
السلسلة محتويات النص للعناصر وكل الأبناء، باستثناء عناصر <script> و<style>.

مقارنة innerHTML، innerText و textContent

innerText خاصية ترجع:

يرجع فقط النص للعناصر وكل الأبناء، بدون الفراغات المخفية بواسطة CSS والنصوص و العلامات، باستثناء عناصر <script> و<style>.

innerHTML خاصية ترجع:

محتويات النص للعناصر، بما في ذلك جميع الفراغات و العناصر HTML الداخلية.

textContent خاصية ترجع:

محتويات النص للعناصر وكل الأبناء، مع الفراغات والنص المخفي بواسطة CSS، ولكن بدون علامات.

مثال HTML

<p id="myP">   This element has extra spacing     and contains <span>a span element</span>.</p>

أمثلة JavaScript

let text = document.getElementById("myP").innerText;
let text = document.getElementById("myP").innerHTML;
let text = document.getElementById("demo").textContent;

جرب بنفسك

في المثال السابق:

innerText خاصية ترجع:

This element has extra spacing and contains a span element.

innerHTML خاصية ترجع:

   This element has extra spacing    and contains <span>a span element</span>.

textContent خاصية ترجع:

   This element has extra spacing    and contains a span element.

دعم المتصفح

جميع المتصفحات تدعم element.innerText：

كروم آي أي إدج فايرفوكس Safari Opera
كروم آي أي إدج فايرفوكس Safari Opera
الدعم 10-11 الدعم الدعم الدعم الدعم