Gli ultimi tutorial di sviluppo web
 

HTML DOM contentEditable Propery

<Oggetto Element

Esempio

Impostare il contenuto di un <p> elemento di essere modificabile:

document.getElementById("myP").contentEditable = true;
Prova tu stesso "

Più "Try it Yourself" esempi di seguito.

Definizione e l'utilizzo

Gli insiemi di proprietà contentEditable o ritorni se il contenuto di un elemento è modificabile o meno.

Suggerimento: È inoltre possibile utilizzare il isContentEditable proprietà per scoprire se il contenuto di un elemento è modificabile o meno.

Supporto browser

I numeri nella tabella specifica la prima versione del browser che supporta pienamente la proprietà.

Proprietà
contentEditable 11.0 6.0 3.5 3.2 10.6

Sintassi

Restituire la proprietà contentEditable:

HTMLElementObject .contentEditable

Impostare la proprietà contentEditable:

HTMLElementObject .contentEditable=true|false

I valori delle proprietà

Valore Descrizione
true|false Specifica se il contenuto di un elemento dovrebbe essere modificabile.

Valori possibili:
  • ereditare - Default. Il contenuto del elemento è modificabile se il suo elemento principale è modificabile
  • vero - Il contenuto è modificabile
  • false - Il contenuto non è modificabile

Dettagli tecnici

Valore di ritorno: Una stringa, restituisce true se l'elemento è modificabile, altrimenti restituisce falso
Esempi

Altri esempi

Esempio

Scopri se un <p> elemento è modificabile o meno:

var x = document.getElementById("myP").contentEditable;

Il risultato di x sarà:

true
Prova tu stesso "

Esempio

Commutare tra la possibilità di modificare il contenuto di un <p> elemento:

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!";
}
Prova tu stesso "

Pagine correlate

Di riferimento HTML: HTML attributo contenteditable

<Oggetto Element