Latest web development tutorials

HTML DOM contentEditable Eigenschaft

HTML-Elemente Object Reference Element - Objekt

Beispiele

Einstellungen <p> Element Inhalt zu editieren:

document.getElementById ( "Myp") contentEditable = true .;

Versuchen »

Definitionen und Verwendung

Ob der Inhalt contentEditable Eigenschaftssätze oder gibt ein Element bearbeitet werden.

Tipp: Sie können auch verwenden isContentEditable Eigenschaft , um zu sehen , ob der Inhalt des Elements kann bearbeitet werden.


Browser-Unterstützung

Die Zahlen in der Tabelle stellen die erste Browser die Eigenschaft Versionsnummer zu unterstützen.

Immobilien
contentEditable 11.0 5.5 3.0 3.2 10.6


Grammatik

Zurück contentEditable Eigenschaften:

HTMLElementObject .contentEditable

Einstellen contentEditable Eigenschaften:

HTMLElementObject .contentEditable = true | false

Eigenschaft Wert

Wert Beschreibung
true | false Ob die Beschreibung Element bearbeitet werden.

Mögliche Werte:
  • erben - Standard. Wenn das übergeordnete Element bearbeitet werden kann, ist das Unterelement Inhalt bearbeitet werden.
  • true - Inhalt Editierbare
  • false - nicht bearbeitbaren Inhalt

Technische Details

Rückkehr: Booleschen Wert, wenn das Element editierbar gibt true zurück, andernfalls false


Weitere Beispiele

Beispiele

Siehe <p> Element kann bearbeitet werden:

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

x Der Ausgang ist:

wahr

Versuchen »

Beispiele

Schalt <p> Element im Bearbeitungsmodus:

var x = document.getElementById ( "Myp");
if (x.contentEditable == "true") {
x.contentEditable = "false";
button.innerHTML = "p-Element Inhalt bearbeiten können! ';
} Else {
x.contentEditable = "true";
button.innerHTML = "p-Element-Inhalte können nicht bearbeitet werden!";
}

Versuchen »


Verwandte Seiten

HTML - Referenzhandbuch: HTML Attribut contenteditable


HTML-Elemente Object Reference Element - Objekt