Latest web development tutorials

Properti HTML DOM contentEditable

elemen HTML Object Reference objek elemen

contoh

Pengaturan <p> konten elemen yang akan diedit:

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

Coba »

Definisi dan penggunaan

Apakah konten contentEditable set properti atau mengembalikan elemen dapat diedit.

Tip: Anda juga dapat menggunakan isContentEditable properti untuk melihat apakah isi dari elemen dapat diedit.


Dukungan Browser

Angka dalam tabel tersebut merupakan browser pertama yang mendukung nomor versi properti.

milik
contentEditable 11.0 5.5 3.0 3.2 10.6


tatabahasa

Sifat Kembali contentEditable:

HTMLElementObject .contentEditable

Pengaturan properti contentEditable:

HTMLElementObject .contentEditable = true | palsu

Nilai properti

nilai deskripsi
benar | palsu Apakah deskripsi elemen dapat diedit.

Kemungkinan nilai:
  • mewarisi - default. Jika elemen induk dapat diedit, isi sub-elemen dapat diedit.
  • benar - Konten Editable
  • palsu - konten non-diedit

rincian teknis

Pengembalian: nilai Boolean, jika elemen ini kembali diedit true, false jika tidak


contoh yang lebih

contoh

Lihat <p> elemen dapat diedit:

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

x Outputnya adalah:

benar

Coba »

contoh

Switching <p> elemen dalam mode edit:

var x = document.getElementById ( "MYP");
jika (x.contentEditable == "true") {
x.contentEditable = "false";
konten button.innerHTML = "p elemen dapat mengedit '!;
} Lain {
x.contentEditable = "true";
button.innerHTML = "konten p elemen tidak dapat diedit!";
}

Coba »


Pages terkait

Referensi HTML: HTML atribut contenteditable


elemen HTML Object Reference objek elemen