این آموزش در تاریخ ۱۴۰۱/۰۵/۲۴ آپدیت شده است.

آموزش ویژگی innerText در DOM جاوااسکریپت

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی innerText در DOM جاوااسکریپت با من همراه باشید.

ویژگی innerText در DOM جاوااسکریپت

Free-Learn

ویژگی innerText در DOM جاوااسکریپت

با استفاده از ویژگی innerText میتونیم متن / محتوای درون یک تگ رو بدست آوریم یاهم مقدار جدید براش تعریف نماییم.

تفاوت ویژگی innerText و ویژگی textContent

  • ویژگی textContent میتونه محتوای تمامی تگ های موجود در یک صفحه رو بدست بیاره و برگشت بده ولی ویژگی innerText میتونه همه تگ هارو به جز تگ های <script> و <style> برگشت بده.
  • اگر متن / محتوایی توسط زبان CSS پنهان ( مخفی ) شده باشه ویژگی innerText نمیتونه برگشتش بده ولی textContent میتونه.
مقدار برگشتی برگشت متن / محتوای داخل تگ

Free-Learn

مثال از این ویژگی

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

مثال شماره ۱ : نشان دادن تفاوت ۳ویژگی innerText و innerHTML و textContent

امتحان کنید

توضیح مثال بالا :

در مثال بالا خواستم تفاوت ۳ ویژگی innerText و innerHTML و textContent رو بهتون نشون بدم.

  • innerHTML : میتونه محتوای یک تگ رو که شامل دستورات HTML و خط فاصله بین کلمات می باشد برگردونه.
  • innerText : میتونه فقط خوده محتوارو ( بدون محاسبه خط فاصله ها و دستورات HTML ) برگردونه.
  • textContent : میتونه محتوای یک تگ رو که فقط شامل خط فاصله می باشد برگردونه.

Free-Learn

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

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

نام ویژگی Chrome Firefox Opera Safari Edge
innerText بله بله بله بله بله

Free-Learn

شکل نوشتاری

نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.

  • بدست آوردن محتوای تگ :

  • تنظیم / ست کردن محتوای جدید :


Free-Learn

نکات و توضیحات

  • innerHTML : میتونه محتوای یک تگ رو که شامل دستورات HTML و خط فاصله بین کلمات می باشد برگردونه.
  • innerText : میتونه فقط خوده محتوارو ( بدون محاسبه خط فاصله ها و دستورات HTML ) برگردونه.
  • textContent : میتونه محتوای یک تگ رو که فقط شامل خط فاصله می باشد برگردونه.

Free-Learn

دریافت PDF یا پرینت این مطلب