JavaScript/DOM/ElementContentEditable/contentEditable

Die Eigenschaft contentEditable eines HTMLElement-Objekts spiegelt im Wesentlichen den Wert des globalen HTML Attributes contenteditable wieder. Im Gegensatz zum HTML Attribut ist es aber kein boolesches Attribut, sondern enthält einen String.

Syntax

let contentEditable = element.contentEditable;

element.contentEditable = "true";

Beim Lesen werden die zulässigen Werte des HTML Attributs - also true oder false - durch die Strings "true" und "false" repräsentiert. Bei jedem anderen Attributwert, oder wenn das Attribut fehlt, liefert die contentEditable-Eigenschaft den Wert "inherit".

Beim Schreiben der Eigenschaft werden die Strings "true", "false" und "inherit" akzepetiert (mit Groß- und Kleinbuchstaben). Jeder andere Wert wirft eine DOMException. Setzt man die Eigenschaft auf "true" oder "false", nimmt das HTML Attribut des Elements diesen Wert an. Setzt man die Eigenschaft auf "inherit", wird das Attribut gelöscht.

Informationen zur Funktionsweise von contentEditable finden Sie bei der Beschreibung des HTML Attributs.