En son web geliştirme öğreticiler
 

HTML DOM contentEditable Propery

<Eleman Nesne

Örnek

Bir içeriğini ayarlama <p> düzenlenebilir olmasını elemanı:

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

Daha "Try it Yourself" Aşağıdaki örnekler.


Tanımı ve Kullanımı

contentEditable özelliği, ayarlar veya döner bir öğenin içeriğini düzenlenebilir olup olmadığını.

İpucu: Ayrıca kullanabilirsiniz isContentEditable Eleman içeriği düzenlenebilir olup olmadığını öğrenmek için özellik.


Tarayıcı Desteği

Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtir.

özellik
contentEditable 11.0 6 3.5 3.2 10.6

Sözdizimi

contentEditable özelliğini Dönüş:

HTMLElementObject .contentEditable

contentEditable özelliğini ayarlayın:

HTMLElementObject .contentEditable=true|false

Mülkiyet Değerler

değer Açıklama
true|false Bir elemanın içeriği düzenlenebilir belirtir.

Olası değerler:
  • miras - Varsayılan. onun ana öğe düzenlenebilir ise elemanın içeriği düzenlenebilir
  • Gerçek - içerik düzenlenebilir
  • yalancı - içerik düzenlenemez

Teknik detaylar

Geri dönüş değeri: eleman düzenlenebilir ise Bir Dize aksi takdirde false döndürür true döndürür

Örnekler

Diğer Örnekler

Örnek

Bir olmadığını öğrenmek <p> elemanı düzenlenebilir ya da değil:

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

X'in sonucu olacaktır:

true
Kendin dene "

Örnek

Bir içeriğini düzenleme yeteneği arasında geçiş yapma <p> elemanı:

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!";
}
Kendin dene "

İlgili Sayfalar

HTML referansı: HTML contenteditable özellik


<Eleman Nesne