آموزش طراحی سایت (HTML CSS Javascript) | آتریا

خصوصیت element.contentEditable

مثال (خصوصیت element.contentEditable)

ست کردن اینکه محتوای یک عنصر <p> قابل ویرایش باشد:

document.getElementById("myP").contentEditable = true;

خودتان امتحان کنید »

در انتهای این صفحه، مثال های بیشتری آورده شده است.

تعریف و کاربرد

خصوصیت contentEditable ست کرده یا برمی گرداند که آیا محتوای یک عنصر قابل ویرایش است یا نه.

نکته: شما همچنین می توانید از خصوصیت isContentEditable برای فهمیدن اینکه آیا محتوای یک عنصر قابل ویرایش است یا نه استفاده کنید.

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

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

متد
contentEditable	11.0	5.5	3.0	3.2	10.6

نحوه استفاده

برگرداندن خصوصیت contentEditable:

HTMLElementObject.contentEditable

ست کردن خصوصیت contentEditable:

HTMLElementObject.contentEditable=true|false

Property Values

مقدار	توضیحات
true\|false	مشخص می کند که آیا باید محتوای یک عنصر قابل ویرایش باشد یا نه . مقادیر امکان پذیر: inherit: پیش فرض. در صورتی که والدین عنصر قابل ویرایش باشند، محتوای خود عنصر نیز قابل ویرایش است. true:محتوا قابل ویرایش است. false: محتوا قابل ویرایش نیست.

مقدار

توضیحات

true|false

مشخص می کند که آیا باید محتوای یک عنصر قابل ویرایش باشد یا نه .

مقادیر امکان پذیر:

inherit: پیش فرض. در صورتی که والدین عنصر قابل ویرایش باشند، محتوای خود عنصر نیز قابل ویرایش است.
true:محتوا قابل ویرایش است.
false: محتوا قابل ویرایش نیست.

جزئیات تکنیکی

مقدار برگشتی	یک مقدار بولی، در صورتی که عنصر قابل ویرایش باشد true را برمی گرداند و در غیر این صورت false را برمی گرداند.

مثال - خودتان امتحان کنید

مثال (خصوصیت element.contentEditable)

فهمیدن اینکه آیا یک عنصر <p> قابل ویرایش است یا نه:

var x = document.getElementById("myP").contentEditable;

خروجی x در کد بالا

true

خودتان امتحان کنید »

مثال (خصوصیت element.contentEditable)

ایجاد یک حالت دو فازی بر روی توانایی ویرایش محتوای یک عنصر <p>:

var x = document.getElementById("myP");
if (x.contentEditable == "true") {
    x.contentEditable = "false";
    button.innerHTML = "Enable content of p to be editable!";
} else {
    x.contentEditable = "true";
    button.innerHTML = "Disable content of p to be editable!";
}

خودتان امتحان کنید »

آموزش های مرتبط

مرجع تگ ها: HTML contenteditable attribute

HTMLکلیه توابع و خصوصیت های شیء Element در JavaScript Reference کلیه توابع و خصوصیت های شیء Element در JavaScript

: نوشته شده توسط احسان عباسی; بازدید: 4870

برای درج دیدگاه، ابتدا باید وارد بیاموز شوید.

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.

مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی