tutoriais mais recente desenvolvimento web
 

HTML DOM contentEditable Propery

<Elemento de objeto

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:
  • herdar - Padrão. o conteúdo do elemento é editável se o seu elemento pai é editável
  • true - O conteúdo é editável
  • false - O conteúdo não é editável

Detalhes técnicos

Valor de retorno: A String, retorna true se o elemento é editável, caso contrário ele retorna falso

Exemplos

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