Konten HTML DOM yang Dapat Diedit Properti
Contoh
Setel konten elemen <p> agar dapat diedit:
document.getElementById("myP").contentEditable = "true";
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Properti contentEditable menyetel atau mengembalikan apakah konten suatu elemen dapat diedit atau tidak.
Tip: Anda juga dapat menggunakan properti isContentEditable untuk mengetahui apakah konten suatu elemen dapat diedit atau tidak.
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Property | |||||
---|---|---|---|---|---|
contentEditable | 11.0 | 6.0 | 3.5 | 3.2 | 10.6 |
Sintaksis
Kembalikan properti contentEditable:
HTMLElementObject.contentEditable
Setel properti contentEditable:
HTMLElementObject.contentEditable = true|false
Nilai properti
Value | Description |
---|---|
true|false |
Specifies whether the content of an element should be editable. Possible values:
|
Detail Teknis
Nilai Kembali: | Sebuah String, mengembalikan true jika elemen dapat diedit, jika tidak maka akan mengembalikan false |
---|
Lebih Banyak Contoh
Contoh
Cari tahu apakah elemen <p> dapat diedit atau tidak:
var x = document.getElementById("myP").contentEditable;
Contoh
Beralih antara kemampuan untuk mengedit konten elemen <p>:
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!";
}
Halaman Terkait
Referensi HTML: Atribut HTML yang dapat diedit
Objek Elemen