Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp JS Глобальный JS конверсионный

браузер BOM

Window Navigator Screen History Location

HTML DOM

DOM Документ DOM элементы DOM Атрибуты DOM Мероприятия DOM Стиль

HTML Объекты

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Другие объекты

CSSStyleDeclaration


 

HTML DOM contentEditable Propery

<Элемент объекта

пример

Установите содержание <p> элемента , чтобы быть доступны для редактирования:

document.getElementById("myP").contentEditable = true;
Попробуй сам "

Больше "Try it Yourself" примеры ниже.

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

В contentEditable наборы свойств или возвращает ли редактируется или не содержание элемента.

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

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

Числа в таблице определяет первую версию браузера, которая полностью поддерживает свойство.

Имущество
contentEditable 11,0 6,0 3,5 3,2 10,6

Синтаксис

Возвращение contentEditable недвижимости:

HTMLElementObject .contentEditable

Установите contentEditable свойства:

HTMLElementObject .contentEditable=true|false

Значения свойств

Стоимость Описание
true|false Определяет, является ли содержание элемента должно быть редактируемым.

Возможные значения:
  • унаследовать - по умолчанию. Содержание элемента является редактируемым, если его родительский элемент редактируемый
  • правда - Содержание редактируемые
  • ложь - содержание не редактируется

Технические подробности

Возвращаемое значение: Строка, возвращает истину, если элемент редактируемый, в противном случае она возвращает ложь
Примеры

Еще примеры

пример

Выясните , если <p> элемент для редактирования или нет:

var x = document.getElementById("myP").contentEditable;

В результате х будет:

true
Попробуй сам "

пример

Переключение между возможностью редактирования содержимого <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

<Элемент объекта