Свойство contentEditable
Пример element.contentEditable
Этот параграф можно редактировать:
<p id="myP" contenteditable="true">Я редактируемый.</p>
Возвращает true, если "myP" можно редактировать:
document.getElementById("myP").contentEditable;
Попробуйте сами »
Сделайте содержимое "myP" доступным для редактирования:
document.getElementById("myP").contentEditable = "true";
Попробуйте сами »
Ещё примеры ниже.
Описание contentEditable
Свойство contentEditable устанавливает или возвращает значение, является ли содержимое элемента редактируемым.
Синтаксис contentEditable
Верните свойство contentEditable:
element.contentEditable
Установите свойство contentEditable:
ement.contentEditable = value
Параметры contentEditable
| Параметр | Описание |
|---|---|
| value |
"true" - Содержимое можно редактировать "false" - Содержимое нельзя редактировать "inherit"- По умолчанию. Можно редактировать, если родительский элемент можно редактировать |
Возвращаемое значение contentEditable
| Тип | Описание |
|---|---|
| String | true если элемент редактируемый, в противном случае false. |
Переключение между редактируемым содержимым:
const x = document.getElementById("myP");
if (x.contentEditable == "true") {
x.contentEditable = "false";
button.innerHTML = "Сделайте myP доступным для редактирования!";
} else {
x.contentEditable = "true";
button.innerHTML = "Отключите возможность редактирования myP!";
}
Попробуйте сами »
Поддержка браузера contentEditable
element.contentEditable является особенностью DOM уровня 1 (1998).
Он полностью поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | 9-11 |