tutorial pengembangan web terbaru
 

HTML DOM contentEditable Propery

<Elemen Object

Contoh

Mengatur isi dari <p> elemen yang akan diedit:

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

Lebih "Try it Yourself" contoh di bawah ini.

Definisi dan Penggunaan

Set properti contentEditable atau kembali apakah isi dari sebuah elemen dapat diedit atau tidak.

Tip: Anda juga dapat menggunakan isContentEditable properti untuk mengetahui apakah isi dari sebuah elemen dapat diedit atau tidak.

Dukungan Browser

Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.

Milik
contentEditable 11.0 6.0 3,5 3.2 10,6

Sintaksis

Kembali properti contentEditable:

HTMLElementObject .contentEditable

Mengatur properti contentEditable:

HTMLElementObject .contentEditable=true|false

Nilai properti

Nilai Deskripsi
true|false Menentukan apakah isi dari elemen harus diedit.

Kemungkinan nilai:
  • mewarisi - default. konten elemen dapat diedit jika elemen induknya dapat diedit
  • benar - Konten tersebut dapat diedit
  • palsu - Konten tersebut tidak dapat diedit

Rincian teknis

Kembali Nilai: Sebuah String, mengembalikan true jika elemen dapat diedit, jika tidak maka kembali palsu
contoh

Contoh lebih

Contoh

Cari tahu jika <p> elemen dapat diedit atau tidak:

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

Hasil x akan:

true
Cobalah sendiri "

Contoh

Beralih antara kemampuan untuk mengedit isi dari <p> elemen:

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!";
}
Cobalah sendiri "

Pages terkait

Referensi HTML: HTML atribut contenteditable

<Elemen Object