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!";
}

Підтримка браузера

contentEditable

Посмотреть совместимость на Can I use?

contentEditable