HTML DOM Element contentEditable गुण

परिभाषा और उपयोग

contentEditable गुण सेट करने या एलीमेंट को संपादनीय है के लिए वापस करना।

सूचना:आप इसके साथ isContentEditable गुण का उपयोग करके एलीमेंट की सामग्री को संपादनीय है के लिए पता कर सकते हैं।

दूसरे देखें:

isContentEditable गुण

HTML contenteditable अट्रिब्यूट

उदाहरण

उदाहरण 1

इस खंड संपादनीय है:

<p id="myP" contenteditable="true">I am editable.</p>

यदि "myP" संपादनीय है, तो true वापस करें:

document.getElementById("myP").contentEditable;

स्वयं आज्ञा करें

उदाहरण 2

"myP" की सामग्री को संपादनीय करें:

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

स्वयं आज्ञा करें

उदाहरण 3

सामग्री संपादनीय बीच टूटें:

cinst x = document.getElementById("myP");
if (x.contentEditable == "true") {
  x.contentEditable = "false";
  button.innerHTML = "Enable myP to be editable!";
}
  x.contentEditable = "true";
  button.innerHTML = "Disable myP be editable!";
}

स्वयं आज्ञा करें

व्याकरण

संपादनीय गुण वापस करें:

element.contentEditable

संपादनीय गुण सेट करें:

element.contentEditable = value

गुण

मूल्य वर्णन
value
  • "true" - सामग्री संपादनीय है
  • "false" - सामग्री संपादनीय नहीं है
  • "inherit" - डिफ़ॉल्ट।यदि पैरेंट एलीमेंट संपादनीय है, तो संपादनीय है

वापसी मूल्य

टाइप वर्णन
शब्द यदि एलीमेंट संपादनीय है, तो true है, अन्यथा false है।

ब्राउज़र समर्थन

element.contentEditable() यह DOM Level 1 (1998) विशेषता है।

सभी ब्राउज़र इसे पूरी तरह से समर्थित करते हैं:

Chrome IE Edge फायरफॉक्स सफारी ऑपेरा
Chrome IE Edge फायरफॉक्स सफारी ऑपेरा
सापोर्ट 9-11 सापोर्ट सापोर्ट सापोर्ट सापोर्ट