این آموزش در تاریخ ۱۴۰۱/۰۵/۰۸ آپدیت شده است.
آموزش ویژگی isContentEditable در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی isContentEditable در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
ویژگی isContentEditable در DOM جاوااسکریپت
با استفاده از ویژگی isContentEditable میتونیم وضعیت قابل ویرایش بودن محتوای یک تگ رو چک کنیم و برگشت بدیم، یعنی در خروجی ۲ مقدار میتونه نمایش داده بشه، یا True یا False
اگه True بود یعنی بله اون تگ محتواش قابل ویرایش می باشد و اگه False بود یعنی خیر اون تگ محتواش قابل ویرایش نمی باشد.
با استفاد از ویژگی contentEditable میتونیم تنظیم یا ست کنیم که آیا محتوای یک تگ قابل ویرایش باشه یا خیر
| مقدار برگشتی | true : یعنی بله محتوای تگ قابل ویرایش است false : یعنی خیر محتوای تگ قابل ویرایش نیست |
|---|
Free-Learn
مثال از این ویژگی
در ادامه میتوانید یک مثال از این ویژگی را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : چک کردن وضعیت قابل ویرایش بودن محتوای یک تگ
|
1 2 3 4 5 6 7 8 9 10 11 |
<script> function Set(){ MyTag.contentEditable = true; } function Get(){ Result.innerHTML = MyTag.isContentEditable; } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این ویژگی در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام ویژگی | Chrome | Firefox | Opera | Safari | Edge |
| isContentEditable | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.
|
1 |
Element.isContentEditable; |
Free-Learn
نکات و توضیحات
- با استفاده از ویژگی isContentEditable میتونیم وضعیت قابل ویرایش بودن محتوای یک تگ رو چک کنیم
- استفاده از ویژگی contentEditable میتونیم تنظیم کنیم که آیا یک تگ قابل ویرایش باشد یا خیر
