HTML DOM contentEditablePropiedad

HTML 元素对象参考手册Objeto de elemento

Ejemplo

Establecer el contenido del elemento <p> como editable:

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

Pruébalo »

Definición y uso

La propiedad contentEditable se utiliza para establecer o devolver si el contenido de un elemento es editable.

Consejo:También puedes usarisContentEditablela propiedad para comprobar si el contenido del elemento es editable.

Compatibilidad del navegador

Los números en la tabla indican la primera versión del navegador que admite la propiedad.

Propiedad
contentEditable 11.0 5.5 3.0 3.2 10.6

Sintaxis

Devolver la propiedad contentEditable:

HTMLElementObject.contentEditable

Establecer la propiedad contentEditable:

HTMLElementObject.contentEditable=true|false

Valores de la propiedad

Valor Descripción
true|false Describe si el contenido del elemento es editable.

Valores posibles:
  • inherit - Predeterminado. Si el elemento padre es editable, el contenido de los elementos hijos también es editable.
  • true - El contenido es editable
  • false - El contenido no es editable

Detalles técnicos

Valor devuelto: Valor booleano, devuelve true si el elemento es editable, de lo contrario devuelve false

Más ejemplos

Ejemplo

Ver si el elemento <p> es editable:

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

xEl resultado es:

true

Pruébalo »

Ejemplo

Alternar el estado de edición del elemento <p>:

var x = document.getElementById("myP");
if (x.contentEditable == "true") {
    x.contentEditable = "false";
button.innerHTML = "¡El contenido del elemento p es editable!";
} else {
    x.contentEditable = "true";
button.innerHTML = "¡El contenido del elemento p no es editable!";
}

Pruébalo »

Páginas relacionadas

Manual de referencia HTML:Atributo contenteditable de HTML

HTML 元素对象参考手册Objeto de elemento

Otras extensiones