خاصية innerText HTML DOM

مثلث عنصر HTML DOM

innerTextإعداد أو إرجاع نص العنصر المحدد.

يمكن استخدام خاصية innerText لتحرير نص ديناميكي في وثيقة HTML. هنا، لن يتم تفسير النص كنص HTML، بل كنص عادي.

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

تشبه هذه الخاصيةtextContentالخاصية، ولكن textContent يرجع إلى نص جميع العناصر، بينما يرجع innerText إلى نص جميع العناصر باستثناء عناصر <script> و <style>.

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

النحو:

إرجاع النص:

HTMLElement.innerText

إعداد النص:

HTMLElement.innerText = text

document.getElementById("para").innerText = "Hello world";

توافق المتصفحات

الرقم في الجدول يشير إلى إصدار المتصفح الذي يدعم خاصية innerText لأول مرة:

قيمة الخاصية

تفاصيل تقنية

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

هذا المثال يوضح الفرق بين innerText، innerHTML و textContent:

<p id="x">العدد هذا له مسافة إضافية، ويشمل عنصرًا <span>span</span>.</p>
<script>
function　getInnerText()　{
alert(document.getElementById("x").innerText);
}
function　getInnerHTML()　{
alert(document.getElementById("x").innerHTML);
}
function　getTextContent()　{
alert(document.getElementById("x").textContent);
}
</script>

تعود خصائص innerText بنص فقط، ولا تحتوي على مسافات وعناصر وسم داخلة.

تعود خصائص innerHTML بنص يحتوي على مسافات وعناصر وسم داخلة.

خصائص textContent تعود بنص يحتوي على مسافات، ولكن لا يحتوي على عناصر وسم داخلة.

مراجع ذات صلة

دليل مرجعي لـ HTML DOM:خصائص innerHTML لـ HTML DOM

دليل مرجعي لـ HTML DOM:خصائص textContent لـ HTML DOM

مثلث عنصر HTML DOM