Contenido HTML DOM Propiedad editable
Ejemplo
Configure el contenido de un elemento <p> para que sea editable:
document.getElementById("myP").contentEditable = "true";
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
La propiedad contentEditable establece o devuelve si el contenido de un elemento es editable o no.
Sugerencia: también puede usar la propiedad isContentEditable para averiguar si el contenido de un elemento es editable o no.
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Property | |||||
---|---|---|---|---|---|
contentEditable | 11.0 | 6.0 | 3.5 | 3.2 | 10.6 |
Sintaxis
Devuelve la propiedad contentEditable:
HTMLElementObject.contentEditable
Establezca la propiedad contentEditable:
HTMLElementObject.contentEditable = true|false
Valores de propiedad
Value | Description |
---|---|
true|false |
Specifies whether the content of an element should be editable. Possible values:
|
Detalles técnicos
Valor devuelto: | Una cadena, devuelve verdadero si el elemento es editable, de lo contrario, devuelve falso |
---|
Más ejemplos
Ejemplo
Averigüe si un elemento <p> es editable o no:
var x = document.getElementById("myP").contentEditable;
Ejemplo
Alterne entre la capacidad de editar el contenido de un elemento <p>:
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!";
}
páginas relacionadas
Referencia de HTML: atributo HTML contenteditable
❮ Objeto Elemento