Atribut contentEditable Elemen DOM HTML

Definisi dan penggunaan

contentEditable Atribut menetapkan atau mengembalikan apakah konten elemen dapat diedit.

Petunjuk:Anda juga dapat menggunakan atribut isContentEditable untuk mengetahui apakah konten elemen dapat diedit.

Lihat pula:

Atribut isContentEditable

Properti contenteditable HTML

Contoh

Contoh 1

Bagian ini dapat diedit:

<p id="myP" contenteditable="true">Saya dapat diedit.</p>

Jika "myP" dapat diedit, maka kembalikan nilai true:

document.getElementById("myP").contentEditable;

Coba sendiri

Contoh 2

Atur konten "myP" untuk dapat diedit:

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

Coba sendiri

Contoh 3

Beralih antara mode konten dapat diedit dan tidak dapat diedit:

cinst x = document.getElementById("myP");
if (x.contentEditable == "true") {
  x.contentEditable = "false";
  button.innerHTML = "Aktifkan myP untuk dapat diedit!";
}
  x.contentEditable = "true";
  button.innerHTML = "Nonaktifkan myP untuk dapat diedit!";
}

Coba sendiri

Sintaks

Kembalikan atribut contentEditable:

element.contentEditable

Atur atribut contentEditable:

element.contentEditable = value

Nilai atribut

Nilai Deskripsi
value
  • "true" - Konten dapat diedit
  • "false" - Konten tidak dapat diedit
  • "inherit" - Default. Jika elemen induk dapat diedit, maka dapat diedit.

Nilai kembalian

Tipe Deskripsi
String Jika elemen dapat diedit, maka nilai true, jika tidak maka nilai false.

Dukungan peramban

element.contentEditable() Adalah fitur DOM Level 1 (1998).

Seluruh peramban mendukungnya penuhnya:

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