ویژگی innerText DOM Element HTML

تعریف و استفاده

innerText این ویژگی تنظیم یا بازگشت متن محتوای عناصر.

توجه:تنظیم innerText وقتی این ویژگی تنظیم می‌شود، تمام نودهای فرزند حذف می‌شوند و تنها یک نود جدید متن جایگزین آن‌ها می‌شود.

لطفاً به: مراجعه کنید

ویژگی textContent

ویژگی innerHTML

مثال

دسترسی به متون داخلی عنصر:

let text = element.innerText;

آزمایش کنید

نحوه‌ی نوشتن

بازگشت محتوای متنی عنصر یا نود:

عنصر.innerText

یا

نود.innerText

تنظیم محتوای متنی عنصر یا نود:

عنصر.innerText = text

یا

نود.innerText = text

مقدار ویژگی

مقدار توضیح
text محتوای متنی عنصر.

مقدار بازگشتی

نوع توضیح
رشته تمام محتوای متنی فرزندان و عناصر، به استثنای عناصر <script> و <style>.

تفاوت innerHTML، innerText و textContent

ویژگی innerText بازمی‌گردد:

فقط محتوای متنی عناصر و تمام فرزندان را بازمی‌گرداند، بدون فضاهای خالی پنهان CSS و برچسب‌ها، به استثنای عناصر <script> و <style>.

ویژگی innerHTML بازمی‌گردد:

تمام محتوای متنی عناصر، شامل تمام فضاهای خالی و برچسب‌های HTML داخلی.

ویژگی textContent بازمی‌گردد:

تمام محتوای متنی فرزندان و عناصر، با فضاهای خالی و متون پنهان CSS، اما بدون برچسب‌ها.

مثال HTML

<p id="myP">   این عنصر فضای اضافی دارد و شامل <span>عنصر span</span> است.</p>

مثال‌های JavaScript

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

آزمایش کنید

در مثال بالا:

ویژگی innerText بازمی‌گردد:

این عنصر فضای اضافی دارد و شامل عنصر span است.

ویژگی innerHTML بازمی‌گردد:

   این عنصر فضای اضافی دارد و شامل <span>عنصر span</span> است.

ویژگی textContent بازمی‌گردد:

   این عنصر فضای اضافی دارد و شامل عنصر <span>span</span> است.

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

همه مرورگرها از این پشتیبانی می‌کنند element.innerText:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
پشتیبانی 10-11 پشتیبانی پشتیبانی پشتیبانی پشتیبانی