Атрибут contentEditable элемента HTML DOM

Определение и использование

contentEditable Атрибут устанавливает или возвращает, редактируемо ли содержимое элемента.

Совет:Вы также можете использовать атрибут isContentEditable, чтобы определить, является ли содержимое элемента редактируемым.

См. также:

Атрибут isContentEditable

Атрибут contenteditable HTML

Ин实例

Пример 1

Этот раздел редактируемый:

<p id="myP" contenteditable="true">I am editable.</p>

Если "myP" редактируемый, то возвращает true:

document.getElementById("myP").contentEditable;

Попробуйте сами

Пример 2

Сделать содержимое "myP" редактируемым:

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

Попробуйте сами

Пример 3

Переключение между редактируемым и не редактируемым содержимым:

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

Попробуйте сами

Синтаксис

Вернуть атрибут contentEditable:

element.contentEditable

Установить атрибут contentEditable:

element.contentEditable = value

Значение атрибута

Значение Описание
value
  • "true" - содержимое редактируемо
  • "false" - содержимое не редактируемо
  • "inherit" - по умолчанию. Если родительский элемент редактируемый, то и он редактируемый

Возвратное значение

Тип Описание
Строка Если элемент редактируемый, то true, в противном случае false.

Поддержка браузеров

element.contentEditable() Это функция DOM Level 1 (1998).

Все браузеры полностью поддерживают его:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Поддержка 9-11 Поддержка Поддержка Поддержка Поддержка