Przykład
Ustaw zawartość <p> element do edycji:
document.getElementById("myP").contentEditable = true;
Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
W contentEditable zestawy własności lub powraca czy zawartość elementu jest edytowalny, czy nie.
Wskazówka: Można również użyć isContentEditable właściwość, aby dowiedzieć się, jeśli zawartość elementu jest edytowalny, czy nie.
Wsparcie przeglądarka
Liczby w tabeli określa pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
Nieruchomość | |||||
---|---|---|---|---|---|
contentEditable | 11,0 | 6.0 | 3.5 | 3.2 | 10,6 |
Składnia
Zwraca właściwość contentEditable:
HTMLElementObject .contentEditable
Ustaw właściwość contentEditable:
HTMLElementObject .contentEditable=true|false
wartości nieruchomości
Wartość | Opis |
---|---|
true|false | Określa, czy treść elementu powinny być edytowalne. Możliwe wartości:
|
Szczegóły techniczne
Zwracana wartość: | Ciąg, zwraca true, jeśli element jest edytowalny, w przeciwnym razie zwraca false |
---|
Więcej przykładów
Przykład
Dowiedzieć się, czy <p> Element jest edytowalny lub nie:
var x = document.getElementById("myP").contentEditable;
Wynikiem X będzie:
true
Spróbuj sam " Przykład
Przełączać się między zdolnością aby edytować zawartość <p> element:
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!";
}
Spróbuj sam " Podobne strony
Odniesienia HTML: HTML atrybut contenteditable
<Element Przedmiot