HTML DOM -inhoudBewerkbare eigenschap
Voorbeeld
Stel de inhoud van een <p>-element in om bewerkbaar te zijn:
document.getElementById("myP").contentEditable = "true";
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De eigenschap contentEditable bepaalt of retourneert of de inhoud van een element bewerkbaar is of niet.
Tip: U kunt ook de eigenschap isContentEditable gebruiken om te zien of de inhoud van een element bewerkbaar is of niet.
Browserondersteuning
De cijfers in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Property | |||||
---|---|---|---|---|---|
contentEditable | 11.0 | 6.0 | 3.5 | 3.2 | 10.6 |
Syntaxis
Retourneer de eigenschap contentEditable:
HTMLElementObject.contentEditable
Stel de eigenschap contentEditable in:
HTMLElementObject.contentEditable = true|false
Eigendomswaarden
Value | Description |
---|---|
true|false |
Specifies whether the content of an element should be editable. Possible values:
|
Technische details
Winstwaarde: | Een String, retourneert true als het element bewerkbaar is, anders retourneert het false |
---|
Meer voorbeelden
Voorbeeld
Zoek uit of een <p>-element bewerkbaar is of niet:
var x = document.getElementById("myP").contentEditable;
Voorbeeld
Schakel tussen de mogelijkheid om de inhoud van een <p>-element te bewerken:
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!";
}
Gerelateerde pagina's
HTML-referentie: HTML-attribuut bewerkbaar met inhoud
❮ Elementobject