این آموزش در تاریخ ۱۴۰۰/۰۸/۲۶ آپدیت شده است.
آموزش متد createTextNode در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش متد createTextNode در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
متد createTextNode در DOM جاوااسکریپت
با استفاده از متد ()createTextNode میتونیم به راحتی یک گره متن را درون یک گره عنصر ایجاد نماییم.
اگه یادتون باشه در جلسه ی اول آموزش DOM گفتیم ، بطور کلی DOM یعنی نحوه دسترسی داشتن به عناصر موجود در صفحه، که به این عناصر اومدن گفتن گره، یعنی مثلا گره عنصر یا مثلا گره متن و..
پس دیگه بدونید اگه موقعی جایی گفتم مثلا گره عنصر، یعنی منظور همون تگ هست یا اگه گفتم گره متن یعنی اون متن درون تگ، و در نهایت گره صفت هم یعنی اون صفت داخل تگ.
با استفاده از متد createElement میتونیم یک عنصر یا تگ یا گره عنصر را در صفحه ایجاد نماییم.
| مقدار برگشتی | برگشت شئ گره متن از یک گره متن مشخص شده |
|---|---|
| نسخه DOM | Core Level 1 Document Object |
Free-Learn
مثال از این متد
در ادامه میتوانید یک مثال از این متد را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : یک تگ h2 در صفحه داریم ولی خب هیچ متنی درش قرار نداره، میخوایم با استفاده از متد createTextNode متن دلخواه درش قرار بدیم.
|
1 2 3 4 5 6 7 8 |
<script> var myh2 , mytext; myh2 = document.getElementById("myH2"); mytext = document.createTextNode("سایت آموزشی فری لرن"); myh2.appendChild(mytext); </script> |
مثال شماره ۲ : حال اومدیم و با استفاده از متد createElement یک تگ جدید در صفحه ایجاد کردیم و بعدش یک متن دلخواه داخلش قرار دادیم.
|
1 2 3 4 5 6 7 8 9 |
<script> var myh2 , mytext; myh2 = document.createElement("h2"); // ایجاد تگ جدید mytext = document.createTextNode("سایت آموزشی فری لرن"); // ایجاد متن درون تگ myh2.appendChild(mytext); // قرار دادن متن به درون تگ document.body.appendChild(myh2); // قرار دادن تگ جدید به صفحه </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این متد در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام متد | Chrome | Firefox | Opera | Safari | IE |
| ()createTextNode | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این متد در جاوااسکریپت بصورت زیر می باشد.
|
1 |
document.createTextNode( Your_Text ) |
Free-Learn
جدول پارامترها
در جدول زیر میتوانید، پارامترهایی را که میتوان در این متد استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| Your_Text | ضروری – اون متنی که قراره در عنصر یا تگ قرار بگیره. |
Free-Learn
نکات و توضیحات
- وقتی یک گره متن ( یا گره عنصر ) ایجاد میکنیم باید با استفاده از متد appendChild اون گره ایجاد شده رو به صفحه یا ( درون تگ خاص ) درج یا اضافه کنیم.
- در مثال شماره ۲ ، اول اومدیم یک تگ h2 ایجاد کردیم بعدش متن درونشو هم تعریف کردیم و در نهایت با استفاده از appendChild اومدیم این تگ جدید رو به صفحه اضافه کردیم.
