آموزش متد createTextNode در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش متد createTextNode در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
متد createTextNode در DOM جاوااسکریپت
با استفاده از متد ()createTextNode
میتونیم به راحتی یک گره متن را درون یک گره عنصر ایجاد نماییم.
مقدار برگشتی | برگشت شئ گره متن از یک گره متن مشخص شده |
---|---|
نسخه 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 اومدیم این تگ جدید رو به صفحه اضافه کردیم.