Свойство contentEditable
Пример
Установите содержимое элемента <p> доступным для редактирования:
document.getElementById("myP").contentEditable = "true";
Попробуйте сами »
Дополнительные примеры "Попробуй сам" приведены ниже.
Определение и использование
Свойство contentEditable задает или возвращает, доступно ли содержимое элемента для редактирования или нет.
Совет: Вы также можете использовать свойство isContentEditable для определения того, доступно ли содержимое элемента для редактирования или нет.
Поддержка браузера
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает это свойство.
Свойство | |||||
---|---|---|---|---|---|
contentEditable | 11.0 | 6.0 | 3.5 | 3.2 | 10.6 |
Синтаксис
Возвращает свойство contentEditable:
HTMLElementObject.contentEditable
Устанавливает свойство contentEditable:
HTMLElementObject.contentEditable = true|false
Свойство значений
Значение | Описание |
---|---|
true|false | Указывает, должно ли содержимое элемента быть доступным для редактирования. Возможные значения:
|
Технические детали
Возвращает значение | Строка, возвращает значение true, если элемент доступен для редактирования, в противном случае оно возвращает значение false |
---|
Ещё примеры
Пример
Узнайть, доступен ли элемент <p> для редактирования или нет:
var x = document.getElementById("myP").contentEditable;
Попробуйте сами »
Пример
Переключение между возможностью редактирования содержимого элемента <p>:
var x = document.getElementById("myP");
if (x.contentEditable == "true") {
x.contentEditable = "false";
button.innerHTML = "Сделать содержимое p доступным для редактирования!";
} else {
x.contentEditable = "true";
button.innerHTML = "Отключить возможность редактирования содержимого p!";
}
Попробуйте сами »
Связанные страницы
HTML Справочник: HTML contenteditable атрибут
❮ Объект элемента