Propriété HTML DOM contentEditable
Exemple
Définissez le contenu d'un élément <p> pour qu'il soit modifiable :
document.getElementById("myP").contentEditable = "true";
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
La propriété contentEditable définit ou renvoie si le contenu d'un élément est modifiable ou non.
Astuce : Vous pouvez également utiliser la propriété isContentEditable pour savoir si le contenu d'un élément est modifiable ou non.
Prise en charge du navigateur
Les nombres dans le tableau spécifient la première version du navigateur qui prend entièrement en charge la propriété.
Property | |||||
---|---|---|---|---|---|
contentEditable | 11.0 | 6.0 | 3.5 | 3.2 | 10.6 |
Syntaxe
Renvoyez la propriété contentEditable :
HTMLElementObject.contentEditable
Définissez la propriété contentEditable :
HTMLElementObject.contentEditable = true|false
Valeurs de propriété
Value | Description |
---|---|
true|false |
Specifies whether the content of an element should be editable. Possible values:
|
Détails techniques
Valeur de retour : | Une chaîne, renvoie vrai si l'élément est modifiable, sinon il renvoie faux |
---|
Plus d'exemples
Exemple
Découvrez si un élément <p> est modifiable ou non :
var x = document.getElementById("myP").contentEditable;
Exemple
Basculer entre la possibilité de modifier le contenu d'un élément <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!";
}
Pages connexes
Référence HTML : attribut HTML contenteditable
❮ Objet élément