Propriedade editável de conteúdo HTML DOM
Exemplo
Defina o conteúdo de um elemento <p> para ser editável:
document.getElementById("myP").contentEditable = "true";
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
A propriedade contentEditable define ou retorna se o conteúdo de um elemento é editável ou não.
Dica: Você também pode usar a propriedade isContentEditable para descobrir se o conteúdo de um elemento é editável ou não.
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total à propriedade.
Property | |||||
---|---|---|---|---|---|
contentEditable | 11.0 | 6.0 | 3.5 | 3.2 | 10.6 |
Sintaxe
Retorne a propriedade contentEditable:
HTMLElementObject.contentEditable
Defina a propriedade contentEditable:
HTMLElementObject.contentEditable = true|false
Valores de propriedade
Value | Description |
---|---|
true|false |
Specifies whether the content of an element should be editable. Possible values:
|
Detalhes técnicos
Valor de retorno: | Uma String, retorna true se o elemento for editável, caso contrário, retorna false |
---|
Mais exemplos
Exemplo
Descubra se um elemento <p> é editável ou não:
var x = document.getElementById("myP").contentEditable;
Exemplo
Alterne entre a capacidade de editar o conteúdo de um elemento <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!";
}
Páginas relacionadas
Referência HTML: atributo HTML contenteditable
❮ Objeto do Elemento