Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

HTML दस्तावेज़ में संपादन योग्य कंटेंट कैसे बनाएं?

उदाहरण

contenteditable एट्रिब्यूट से एलिमेंट कंटेंट को संपादन योग्य बनाएं।

<!DOCTYPE html>
<html>
  <body>
    <p contenteditable="true">यह कंटेंट संपादन योग्य है। इसे संपादित करने का प्रयास करें।</p>
    <p>यह सामान्य कंटेंट है। यह संपादित नहीं होगा।</p>
  </body>
</html>

उपयोग: WYSIWYG एडिटर्स, इनलाइन एडिटिंग, नोट लेने वाले ऐप्स।

JavaScript API: element.isContentEditable (बूलियन), document.execCommand() (निरस्त), Input Events (आधुनिक)।

  1. HTML DOM DD ऑब्जेक्ट HTML DOM DD ऑब्जेक्ट

    HTML DOM DD ऑब्जेक्ट HTML डॉक्यूमेंट में <dl> एलिमेंट द्वारा दर्शाई गई परिभाषा सूची (Definition list) के अंदर मौजूद <dd> एलिमेंट से जुड़ा होता है।सिंटैक्स (Syntax)DD ऑब्जेक्ट बनाने का सिंटैक्स:var p = document.createElement(DD);उदाहरण (Example)HTML DOM DD ऑब्जेक्ट का एक उदाहरण:<!DOCTY

  1. HTML DOM DT ऑब्जेक्ट HTML DOM DT ऑब्जेक्ट

    HTML DOM DT ऑब्जेक्ट HTML <dt> तत्व से जुड़ा होता है। DT ऑब्जेक्ट का उपयोग करके हम JavaScript की मदद से <dt> तत्व को डायनामिकली बना सकते हैं। सिंटैक्स DT ऑब्जेक्ट बनाने के लिए सिंटैक्स: var p = document.createElement(DT); उदाहरण आइए HTML DOM DT ऑब्जेक्ट का एक उदाहरण देखते हैं: <!DOC

  1. HTML लिंक्स HTML लिंक्स

    परिचय HTML लिंक्स हाइपरलिंक्स होते हैं - जब आप किसी लिंक पर क्लिक करते हैं, तो यह दूसरे दस्तावेज़ पर चला जाता है। <a> (एंकर) टैग का उपयोग लिंक बनाने के लिए किया जाता है। सिंटैक्स <a href=URL target=value>लिंक सामग्री</a> यहाँ URL गंतव्य पता निर्दिष्ट करता है और यह स्थानीय (सापेक्ष