Najnowsze tutoriale tworzenie stron internetowych
 

HTML DOM contentEditable Propery

<Element Przedmiot

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:
  • dziedziczyć - Domyślne. Zawartość elementu jest edytowalny, jeśli jego elementem dominującym jest edytowalny
  • prawda - Zawartość jest edytowalny
  • false - Zawartość nie jest edytowalny

Szczegóły techniczne

Zwracana wartość: Ciąg, zwraca true, jeśli element jest edytowalny, w przeciwnym razie zwraca false

Przykłady

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