contentEditable
Обновлено: 16.03.2023
Визначення та використання
Властивість contentEditable
встановлює або повертає, якщо вміст елемента можна редагувати.
Приклад
Цей абзац можна редагувати:
<p id="myP" contenteditable="true">I am editable.</p>
Повертає true, якщо "myP" можна редагувати:
document.getElementById("myP").contentEditable;
Налаштуйте можливість редагування вмісту "myP":
document.getElementById("myP").contentEditable = "true";
Синтаксис
Повертає властивість contentEditable:
element.contentEditable
Установіть властивість contentEditable:
ement.contentEditable = value
Параметри
Параметр | Опис |
value | "true" - вміст можна редагувати "false" - вміст не можна редагувати "успадкувати" - за замовчуванням. Можна редагувати, якщо батьківський елемент доступний для редагування |
Повернене значення
Тип | опис |
Рядок | true якщо елемент можна редагувати, інакше false . |
Перемикання між редагованим вмістом:
cinst x = document.getElementById("myP");
if (x.contentEditable == "true") {
x.contentEditable = "false";
button.innerHTML = "Enable myP to be editable!";
} else {
x.contentEditable = "true";
button.innerHTML = "Disable myP be editable!";
}