HTML DOM contentEditable Property
Przykład
Ustaw zawartość elementu <p> do edycji:
document.getElementById("myP").contentEditable = "true";
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Właściwość contentEditable ustawia lub zwraca, czy zawartość elementu jest edytowalna, czy nie.
Porada: Możesz również użyć właściwości isContentEditable , aby dowiedzieć się, czy zawartość elementu można edytować, czy nie.
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.
Property | |||||
---|---|---|---|---|---|
contentEditable | 11.0 | 6.0 | 3.5 | 3.2 | 10.6 |
Składnia
Zwróć właściwość contentEditable:
HTMLElementObject.contentEditable
Ustaw właściwość contentEditable:
HTMLElementObject.contentEditable = true|false
Wartości nieruchomości
Value | Description |
---|---|
true|false |
Specifies whether the content of an element should be editable. Possible values:
|
Szczegóły techniczne
Wartość zwrotu: | String, zwraca true jeśli element jest edytowalny, w przeciwnym razie zwraca false |
---|
Więcej przykładów
Przykład
Dowiedz się, czy element <p> można edytować, czy nie:
var x = document.getElementById("myP").contentEditable;
Przykład
Przełącz między możliwością edycji zawartości elementu <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!";
}
Powiązane strony
Odniesienie HTML: edytowalny atrybut HTML
❮ Obiekt elementu