Proprietà HTML DOM contentEditable
Esempio
Imposta il contenuto di un elemento <p> in modo che sia modificabile:
document.getElementById("myP").contentEditable = "true";
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
La proprietà contentEditable imposta o restituisce se il contenuto di un elemento è modificabile o meno.
Suggerimento: puoi anche utilizzare la proprietà isContentEditable per scoprire se il contenuto di un elemento è modificabile o meno.
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente la proprietà.
Property | |||||
---|---|---|---|---|---|
contentEditable | 11.0 | 6.0 | 3.5 | 3.2 | 10.6 |
Sintassi
Restituisce la proprietà contentEditable:
HTMLElementObject.contentEditable
Imposta la proprietà contentEditable:
HTMLElementObject.contentEditable = true|false
Valori di proprietà
Value | Description |
---|---|
true|false |
Specifies whether the content of an element should be editable. Possible values:
|
Dettagli tecnici
Valore di ritorno: | Una stringa, restituisce true se l'elemento è modificabile, altrimenti restituisce false |
---|
Altri esempi
Esempio
Scopri se un elemento <p> è modificabile o meno:
var x = document.getElementById("myP").contentEditable;
Esempio
Alterna la possibilità di modificare il contenuto di un elemento <p>:
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!";
}
Pagine correlate
Riferimento HTML: attributo HTML contenteditable
❮ Oggetto Elemento