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:
|
Detalles técnicos
Valor de retorno: | Una cadena, devuelve verdadero si el elemento es editable, de lo contrario devuelve false |
---|
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