Exemplo
Defina o conteúdo de um <p> elemento a ser editável:
document.getElementById("myP").contentEditable = true;
Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
Os conjuntos de propriedades contentEditable ou retorna se o conteúdo de um elemento é editável ou não.
Dica: Você também pode usar o isContentEditable propriedade para descobrir se o conteúdo de um elemento é editável ou não.
Suporte navegador
Os números na tabela especifica a primeira versão do navegador que suporta totalmente a propriedade.
Propriedade | |||||
---|---|---|---|---|---|
contentEditable | 11,0 | 6 | 3,5 | 3.2 | 10.6 |
Sintaxe
Devolver o imóvel contentEditable:
HTMLElementObject .contentEditable
Defina a propriedade contentEditable:
HTMLElementObject .contentEditable=true|false
Valores de propriedade
Valor | Descrição |
---|---|
true|false | Especifica se o conteúdo de um elemento deve ser editável. Valores possíveis:
|
Detalhes técnicos
Valor de retorno: | A String, retorna true se o elemento é editável, caso contrário ele retorna falso |
---|
mais Exemplos
Exemplo
Descobrir se um <p> elemento é editável ou não:
var x = document.getElementById("myP").contentEditable;
O resultado x será:
true
Tente você mesmo " Exemplo
Alternar entre a capacidade de editar o conteúdo de um <p> elemento:
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!";
}
Tente você mesmo " Páginas relacionadas
Referência HTML: atributo contenteditable HTML
<Elemento de objeto