Latest web development tutorials

propriété HTML DOM contentEditable

éléments HTML Object Reference objet Element

Exemples

Paramètres <p> contenu de l'élément à éditer:

document.getElementById ( "myP") contentEditable = true .;

Essayez »

Définitions et utilisation

Que ce soit le contenu contentEditable ensembles de propriétés ou renvoie un élément modifiable.

Astuce: Vous pouvez également utiliser isContentEditable propriété pour voir si le contenu de l'élément peut être modifié.


support du navigateur

Les chiffres du tableau représentent le premier navigateur pour soutenir le numéro de version de la propriété.

propriété
contentEditable 11.0 5.5 3.0 3.2 10.6


grammaire

Retour propriétés contentEditable:

HTMLElementObject .contentEditable

Définition des propriétés contentEditable:

HTMLElementObject .contentEditable = true | false

Valeur de la propriété

valeur description
true | false Que ce soit l'élément description modifiable.

Valeurs possibles:
  • hériteront - par défaut. Si l'élément parent est modifiable, le contenu sous-élément est modifiable.
  • vrai - Contenu éditable
  • false - contenu non modifiable

détails techniques

Retours: Valeur booléenne, si l'élément est modifiable retourne true, false sinon


D'autres exemples

Exemples

Voir <p> élément peut être modifié:

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

x La sortie est:

vrai

Essayez »

Exemples

Commutation <p> dans le mode d'édition:

var x = document.getElementById ( "myP");
if (x.contentEditable == "true") {
x.contentEditable = "false";
contenu button.innerHTML = "élément p peut éditer! ';
} Else {
x.contentEditable = "true";
button.innerHTML = "contenu de l'élément de p ne peut pas être modifié!";
}

Essayez »


Pages associées

HTML Manuel de référence: HTML attribut contenteditable


éléments HTML Object Reference objet Element