एचटीएमएल डोम डिजाइनमोड संपत्ति

<घंटा/>

HTML DOM डिज़ाइनमोड प्रॉपर्टी हमें यह निर्दिष्ट करने की अनुमति देती है कि पूरा दस्तावेज़ संपादन योग्य है या नहीं। यह HTML दस्तावेज़ को WYSIWYG (जो आप देखते हैं वही आपको मिलता है) संपादक के रूप में कार्य करता है क्योंकि हम HTML दस्तावेज़ को संपादित कर सकते हैं। यह गुण डिफ़ॉल्ट रूप से "बंद" पर सेट होता है और इसे "चालू" पर सेट करके हम दस्तावेज़ को संपादित कर सकते हैं।

सिंटैक्स

−

. के लिए वाक्य रचना निम्नलिखित है

DesignMode प्रॉपर्टी सेट करना -

document.designMode = "on|off"

यहां, "बंद" डिफ़ॉल्ट मान है और इसे "चालू" पर सेट करने से हम दस्तावेज़ को संपादित कर सकते हैं।

उदाहरण

आइए HTML DOM डिज़ाइनमोड प्रॉपर्टी के लिए एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<body>
<h1>Document designMode Property</h1>
<p> This is a paragraph with some text</p>
<button type="button">BUTTON1</button>
<script>
   document.designMode="on";
</script>
</body>
</html>

आउटपुट

यह निम्नलिखित आउटपुट देगा -

एचटीएमएल डोम डिजाइनमोड संपत्ति

दस्तावेज़ को संपादित करने के बाद -

एचटीएमएल डोम डिजाइनमोड संपत्ति

उपरोक्त उदाहरण में -

हमने कई HTML तत्व बनाए हैं। उदाहरण के लिए, एक

तत्व, एक

और एक <बटन> तत्व -

<h1>Document designMode Property</h1>
<p> This is a paragraph with some text</p>
<button type="button">BUTTON1</button>

फिर हमने document.designMode को "चालू" पर सेट किया है जो हमें अपने HTML दस्तावेज़ को संपादित करने की अनुमति देता है। अब हम किसी भी टेक्स्ट को बदल सकते हैं और यहां तक कि तत्वों को हटाकर उनका टेक्स्ट भी हटा सकते हैं।

उदाहरण:बटन टेक्स्ट को हटाने से बटन भी हटा दिया जाएगा।

<script>
document.designMode="on";
</script>