Beispiel
Stellen Sie den Inhalt eines <p> Element sein editierbar:
document.getElementById("myP").contentEditable = true; Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die contentEditable Eigenschaftssätze oder gibt zurück, ob der Inhalt eines Elements ist editierbar oder nicht.
Tipp: Sie können auch die Verwendung isContentEditable Eigenschaft, um herauszufinden , ob der Inhalt eines Elements bearbeitet werden kann oder nicht.
Browser-Unterstützung
Die Zahlen in der Tabelle gibt die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
| Eigentum | |||||
|---|---|---|---|---|---|
| contentEditable | 11.0 | 6.0 | 3.5 | 3.2 | 10.6 |
Syntax
Bringen Sie die contentEditable Eigenschaft:
HTMLElementObject .contentEditable
Stellen Sie die contentEditable Eigenschaft:
HTMLElementObject .contentEditable=true|falseEigenschaftswerte
| Wert | Beschreibung |
|---|---|
| true|false | Gibt an, ob der Inhalt eines Elements bearbeitet werden sollte. Mögliche Werte:
|
Technische Details
| Rückgabewert: | Ein String, gibt true zurück, wenn das Element bearbeitet werden kann, andernfalls false zurück |
|---|
Mehr Beispiele
Beispiel
Finde heraus , ob ein <p> Element editierbar ist oder nicht:
var x = document.getElementById("myP").contentEditable;Das Ergebnis von x wird sein:
true Versuch es selber " Beispiel
Umschalten zwischen der Fähigkeit , den Inhalt eines bearbeiten <p> Elements:
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!";
}
Versuch es selber " Verwandte Seiten
HTML - Referenz: HTML contenteditable Attribut
<Element Object