Derniers tutoriels de développement web
 

HTML DOM contentEditable Propery

<Object Élément

Exemple

Définir le contenu d'un <p> élément modifiable:

document.getElementById("myP").contentEditable = true;
Essayez vous - même »

Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.

Définition et utilisation

Les ensembles de propriétés contentEditable ou Vérifie si le contenu d'un élément est modifiable ou non.

Astuce: Vous pouvez également utiliser la isContentEditable propriété pour savoir si le contenu d'un élément est modifiable ou non.

Support du navigateur

Les chiffres du tableau indique la première version du navigateur qui prend en charge entièrement la propriété.

Propriété
contentEditable 11.0 6.0 3.5 3.2 10.6

Syntaxe

Retour la propriété contentEditable:

HTMLElementObject .contentEditable

Définissez la propriété contentEditable:

HTMLElementObject .contentEditable=true|false

Valeurs de propriété

Valeur La description
true|false Indique si le contenu d'un élément doit être modifiable.

Valeurs possibles:
  • hériter - Default. Le contenu de l'élément est modifiable si son élément parent est modifiable
  • vrai - Le contenu est modifiable
  • false - Le contenu est non modifiable

Détails techniques

Valeur de retour: Une chaîne, renvoie true si l'élément est modifiable, sinon il retourne faux
Exemples

autres exemples

Exemple

Pour savoir si un <p> élément est modifiable ou non:

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

Le résultat de x sera:

true
Essayez vous - même »

Exemple

Basculer entre la possibilité de modifier le contenu d'un <p> élément:

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!";
}
Essayez vous - même »

Pages associées

Référence HTML: HTML attribut contenteditable

<Object Élément