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

آموزش متد createTextNode در DOM جاوااسکریپت

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

آموزش متد createTextNode در DOM جاوااسکریپت

Free-Learn

متد createTextNode در DOM جاوااسکریپت

با استفاده از متد ()createTextNode میتونیم به راحتی یک گره متن را درون یک گره عنصر ایجاد نماییم.

اگه یادتون باشه در جلسه ی اول آموزش DOM گفتیم ، بطور کلی DOM یعنی نحوه دسترسی داشتن به عناصر موجود در صفحه، که به این عناصر اومدن گفتن گره، یعنی مثلا گره عنصر یا مثلا گره متن و..

پس دیگه بدونید اگه موقعی جایی گفتم مثلا گره عنصر، یعنی منظور همون تگ هست یا اگه گفتم گره متن یعنی اون متن درون تگ، و در نهایت گره صفت هم یعنی اون صفت داخل تگ.

با استفاده از متد createElement میتونیم یک عنصر یا تگ یا گره عنصر را در صفحه ایجاد نماییم.

مقدار برگشتی برگشت شئ گره متن از یک گره متن مشخص شده
نسخه DOM Core Level 1 Document Object

Free-Learn

مثال از این متد

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

مثال شماره ۱ : یک تگ h2 در صفحه داریم ولی خب هیچ متنی درش قرار نداره، میخوایم با استفاده از متد createTextNode متن دلخواه درش قرار بدیم.

امتحان کنید

مثال شماره ۲ : حال اومدیم و با استفاده از متد createElement یک تگ جدید در صفحه ایجاد کردیم و بعدش یک متن دلخواه داخلش قرار دادیم.

امتحان کنید

Free-Learn

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

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

نام متد Chrome Firefox Opera Safari IE
()createTextNode بله بله بله بله بله

Free-Learn

شکل نوشتاری

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

Free-Learn

جدول پارامترها

در جدول زیر میتوانید، پارامترهایی را که میتوان در این متد استفاده کرد مشاهده نمایید.

مقدار توضیح
Your_Text ضروری – اون متنی که قراره در عنصر یا تگ قرار بگیره.

Free-Learn

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

  • وقتی یک گره متن ( یا گره عنصر ) ایجاد میکنیم باید با استفاده از متد appendChild اون گره ایجاد شده رو به صفحه یا ( درون تگ خاص ) درج یا اضافه کنیم.
  • در مثال شماره ۲ ، اول اومدیم یک تگ h2 ایجاد کردیم بعدش متن درونشو هم تعریف کردیم و در نهایت با استفاده از appendChild اومدیم این تگ جدید رو به صفحه اضافه کردیم.

Free-Learn

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