Vlastnost upravitelná obsahem HTML DOM
Příklad
Nastavte obsah prvku <p> tak, aby jej bylo možné upravovat:
document.getElementById("myP").contentEditable = "true";
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Vlastnost contentEditable nastavuje nebo vrací, zda je obsah prvku upravitelný či nikoli.
Tip: Pomocí vlastnosti isContentEditable můžete také zjistit, zda je obsah prvku upravitelný či nikoli.
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která tuto vlastnost plně podporuje.
Property | |||||
---|---|---|---|---|---|
contentEditable | 11.0 | 6.0 | 3.5 | 3.2 | 10.6 |
Syntax
Vraťte vlastnost contentEditable:
HTMLElementObject.contentEditable
Nastavte vlastnost contentEditable:
HTMLElementObject.contentEditable = true|false
Hodnoty vlastností
Value | Description |
---|---|
true|false |
Specifies whether the content of an element should be editable. Possible values:
|
Technické údaje
Návratová hodnota: | Řetězec vrací hodnotu true, pokud je prvek upravitelný, jinak vrací hodnotu false |
---|
Další příklady
Příklad
Zjistěte, zda je prvek <p> upravitelný či nikoli:
var x = document.getElementById("myP").contentEditable;
Příklad
Přepínání mezi možností upravovat obsah prvku <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!";
}
Související stránky
HTML reference: HTML contenteditable atribut
❮ Objekt prvku