Свойство HTML DOM contentEditable
Пример
Установите редактируемое содержимое элемента <p>:
document.getElementById("myP").contentEditable = "true";
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Свойство contentEditable задает или возвращает, является ли содержимое элемента редактируемым или нет.
Совет: Вы также можете использовать свойство isContentEditable , чтобы узнать, редактируется ли содержимое элемента или нет.
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает это свойство.
Property | |||||
---|---|---|---|---|---|
contentEditable | 11.0 | 6.0 | 3.5 | 3.2 | 10.6 |
Синтаксис
Вернуть свойство contentEditable:
HTMLElementObject.contentEditable
Установите свойство contentEditable:
HTMLElementObject.contentEditable = true|false
Значения свойств
Value | Description |
---|---|
true|false |
Specifies whether the content of an element should be editable. Possible values:
|
Технические детали
Возвращаемое значение: | Строка, возвращает true, если элемент доступен для редактирования, в противном случае возвращает false |
---|
Дополнительные примеры
Пример
Узнайте, доступен ли элемент <p> для редактирования:
var x = document.getElementById("myP").contentEditable;
Пример
Переключение между возможностью редактирования содержимого элемента <p>:
var x = document.getElementById("myP");
if (x.contentEditable == "true") {
x.contentEditable = "false";
button.innerHTML = "Enable content of p to be editable!";
} else {
x.contentEditable = "true";
button.innerHTML = "Disable content of p to be editable!";
}
Связанные страницы
Справочник HTML: редактируемый атрибут HTML contenteditable
❮ Объект элемента