Latest web development tutorials

propriedade HTML DOM contentEditable

elementos HTML objeto de referência elemento de objeto

Exemplos

Configurações <p> conteúdo do elemento a ser editado:

document.getElementById ( "MJ") contentEditable = true .;

tente »

Definições e uso

Se o conteúdo contentEditable conjuntos de propriedades ou devolve um elemento editável.

Dica: Você também pode usar isContentEditable propriedade para ver se o conteúdo do elemento pode ser editado.


Suporte a navegadores

Números na tabela representam o primeiro navegador a suportar o número da versão da propriedade.

propriedade
contentEditable 11.0 5.5 3.0 3.2 10.6


gramática

Propriedades volta contentEditable:

HTMLElementObject .contentEditable

Definindo as propriedades contentEditable:

HTMLElementObject .contentEditable = true | false

Valor de propriedade

valor descrição
verdadeiro | falso Se o elemento descrição editável.

Valores possíveis:
  • herdar - padrão. Se o elemento pai é editável, o conteúdo sub-elemento é editável.
  • true - conteúdo editável
  • false - o conteúdo não editável

detalhes técnicos

retorna: valor booleano, se o elemento é retornos editáveis ​​verdadeiro, falso caso contrário


mais exemplos

Exemplos

Veja <p> elemento pode ser editado:

var x = document.getElementById ( "MJ") contentEditable .;

A saída x é:

verdadeiro

tente »

Exemplos

Alternando elemento <p> no modo de edição:

var x = document.getElementById ( "MJ");
if (x.contentEditable == "true") {
x.contentEditable = "false";
conteúdo button.innerHTML = "p elemento pode editar! ';
} Else {
x.contentEditable = "true";
button.innerHTML = "content p elemento não pode ser editado!";
}

tente »


Páginas relacionadas

HTML Manual de Referência: atributo contenteditable HTML


elementos HTML objeto de referência elemento de objeto