Ultimele tutoriale de dezvoltare web
 

HTML DOM contentEditable Propery

<Element Object

Exemplu

Setați conținutul unui <p> element fi editat:

document.getElementById("myP").contentEditable = true;
Încearcă - l singur »

Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.


Definiție și utilizare

Seturile de proprietate contenteditable sau returnează dacă conținutul unui element se poate modifica sau nu.

Sfat: puteți utiliza , de asemenea isContentEditable proprietatea pentru a afla dacă conținutul unui element se poate modifica sau nu.


Suport pentru browser-

Numerele din tabel specifică prima versiune de browser care acceptă pe deplin proprietatea.

Proprietate
contentEditable 11.0 6 3.5 3.2 10.6

Sintaxă

Întoarcere proprietatea contenteditable:

HTMLElementObject .contentEditable

Setați proprietatea contenteditable:

HTMLElementObject .contentEditable=true|false

Valori de proprietate

Valoare Descriere
true|false Specifică dacă conținutul unui element ar trebui să fie editabile.

Valori posibile:
  • moștenesc - implicit. Conținutul elementului se poate modifica în cazul în care elementul de bază poate fi editat
  • true - Conținutul este editabil
  • fals - Conținutul nu poate fi editat

Detalii tehnice

Întoarcere Valoare: Un șir, returnează true dacă elementul este editabil, în caz contrar returnează false

Exemple

Mai multe exemple

Exemplu

Aflați dacă un <p> element este editabil sau nu:

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

Rezultatul x va fi:

true
Încearcă - l singur »

Exemplu

Comutați între capacitatea de a modifica conținutul unui <p> Element:

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!";
}
Încearcă - l singur »

Pagini similare

Referință HTML: HTML atributul contenteditable


<Element Object