Los últimos tutoriales de desarrollo web
 

HTML DOM contentEditable Propery

<Elemento de objeto

Ejemplo

Establecer el contenido de un <p> elemento a ser editable:

document.getElementById("myP").contentEditable = true;
Inténtalo tú mismo "

Más "Try it Yourself" ejemplos a continuación.


Definición y Uso

Los conjuntos de propiedades contentEditable o devoluciones si el contenido de un elemento es editable o no.

Consejo: También puede utilizar el isContentEditable propiedad para averiguar si el contenido de un elemento es editable o no.


Soporte del navegador

Los números de la tabla especifica la primera versión del navegador que es totalmente compatible con la propiedad.

Propiedad
contentEditable 11.0 6.0 3.5 3.2 10.6

Sintaxis

Devolver la propiedad contentEditable:

HTMLElementObject .contentEditable

Establecer la propiedad contentEditable:

HTMLElementObject .contentEditable=true|false

Valores de propiedad

Valor Descripción
true|false Especifica si el contenido de un elemento debe ser editable.

Valores posibles:
  • heredarán - por defecto. el contenido del elemento se puede editar si su elemento padre es editable
  • verdad - El contenido se puede editar
  • falsa - El contenido no se puede modificar

Detalles técnicos

Valor de retorno: Una cadena, devuelve verdadero si el elemento es editable, de lo contrario devuelve false

Ejemplos

Más ejemplos

Ejemplo

Averiguar si un <p> elemento es editable o no:

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

El resultado de x será:

true
Inténtalo tú mismo "

Ejemplo

Alternar entre la posibilidad de editar el contenido de un <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!";
}
Inténtalo tú mismo "

Páginas relacionadas

Referencia HTML: atributo contenteditable HTML


<Elemento de objeto