HTML DOM Element contentEditable ominaisuus

Määrittely ja käyttö

contentEditable Ominaisuus asettaa tai palauttaa elementin sisällön muokattavuuden.

Vinkki:Voit myös käyttää isContentEditable ominaisuutta tarkistaaksesi, onko elementin sisältö muokattavissa.

Katso myös:

isContentEditable ominaisuus

HTML contenteditable -ominaisuus

Esimerkki

Esimerkki 1

Tämä osa on muokattavissa:

<p id="myP" contenteditable="true">Olen muokattavissa.</p>

Jos "myP" on muokattavissa, palauttaa true:

document.getElementById("myP").contentEditable;

Kokeile itse

Esimerkki 2

Aseta "myP" sisältö muokattavaksi:

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

Kokeile itse

Esimerkki 3

Vaihda sisällön muokattavuuden välillä:

cinst x = document.getElementById("myP");
if (x.contentEditable == "true") {
  x.contentEditable = "false";
  button.innerHTML = "Ota myP:n muokattavuus käyttöön!";
}
  x.contentEditable = "true";
  button.innerHTML = "Estä myP:n muokattavuus!";
}

Kokeile itse

Syntaksi

Palauta contentEditable ominaisuus:

element.contentEditable

Aseta contentEditable ominaisuus:

element.contentEditable = value

Ominaisuusarvo

Arvo Kuvaus
value
  • "true" - Sisältö on muokattavissa
  • "false" - Sisältö ei ole muokattavissa
  • "inherit" - Oletusarvo. Jos vanhempi elementti on muokattavissa, se on muokattavissa.

Palautusarvo

Tyyppi Kuvaus
Merkkijono Jos elementti on muokattavissa, arvo on true, muuten false.

Selaimen tuki

element.contentEditable() on DOM Level 1 (1998) ominaisuus.

Kaikki selaimet tukevat sitä täysin:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Tuki 9-11 Tuki Tuki Tuki Tuki