HTML-DOM -ContentEditable- Eigenschaft
Beispiel
Stellen Sie den Inhalt eines <p>-Elements so ein, dass er bearbeitbar ist:
document.getElementById("myP").contentEditable = "true";
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Die Eigenschaft contentEditable legt fest oder gibt zurück, ob der Inhalt eines Elements bearbeitbar ist oder nicht.
Tipp: Sie können auch die Eigenschaft isContentEditable verwenden , um herauszufinden, ob der Inhalt eines Elements editierbar ist oder nicht.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Property | |||||
---|---|---|---|---|---|
contentEditable | 11.0 | 6.0 | 3.5 | 3.2 | 10.6 |
Syntax
Geben Sie die contentEditable-Eigenschaft zurück:
HTMLElementObject.contentEditable
Legen Sie die contentEditable-Eigenschaft fest:
HTMLElementObject.contentEditable = true|false
Eigenschaftswerte
Value | Description |
---|---|
true|false |
Specifies whether the content of an element should be editable. Possible values:
|
Technische Details
Rückgabewert: | Ein String, der true zurückgibt, wenn das Element editierbar ist, andernfalls false |
---|
Mehr Beispiele
Beispiel
Finden Sie heraus, ob ein <p>-Element editierbar ist oder nicht:
var x = document.getElementById("myP").contentEditable;
Beispiel
Wechseln Sie zwischen der Möglichkeit, den Inhalt eines <p>-Elements zu bearbeiten:
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!";
}
Verwandte Seiten
HTML-Referenz: HTML-Contenteditable-Attribut
❮ Elementobjekt