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

एचटीएमएल डोम डेल ऑब्जेक्ट

<घंटा/>

HTML DOM Del ऑब्जेक्ट HTML तत्व से संबद्ध है। इसका उपयोग तत्व को दर्शाने के लिए किया जाता है। Del ऑब्जेक्ट का उपयोग करके हम एक elememt बना और एक्सेस कर सकते हैं।

गुण

डेल ऑब्जेक्ट के लिए निम्नलिखित गुण हैं -

Sr.No गुण और विवरण
1 उद्धरण
हटाए गए टेक्स्ट का उद्धरण विशेषता मान सेट या वापस करने के लिए।
2 तारीख समय
हटाए गए टेक्स्ट का डेटाटाइम विशेषता मान सेट या वापस करने के लिए।

सिंटैक्स

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

एक डेल ऑब्जेक्ट बनाना -

var p = document.createElement("DEL");

उदाहरण

आइए HTML DOM Del ऑब्जेक्ट के लिए एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<body>
<h2>del object example</h2>
<p>Click on the below button to create a DEL element with some text.</p>
<button onclick="delCreate()">CREATE</button>
<br><br>
<script>
   function delCreate() {
      var d= document.createElement("DEL");
      var t = document.createTextNode("Deleted text is here");
      d.appendChild(t);
      document.body.appendChild(d);
   }
</script>
</body>
</html>

आउटपुट

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

एचटीएमएल डोम डेल ऑब्जेक्ट

क्रिएट बटन पर क्लिक करने पर -

एचटीएमएल डोम डेल ऑब्जेक्ट

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

हमने पहले एक बटन बनाया है जो उपयोगकर्ता द्वारा क्लिक किए जाने पर delCreate() विधि को निष्पादित करेगा -

<button onclick="delCreate()">CREATE</button>

DelCreate () विधि createElement () का उपयोग करके एक तत्व बनाती है और इसे वेरिएबल d को असाइन करती है। यह फिर createTextNode () विधि का उपयोग करके कुछ पाठ के साथ एक टेक्स्ट नोड बनाता है। इसके बाद टेक्स्ट नोड को एलिमेंट में del एलिमेंट के एपेंड चाइल्ड () मेथड का इस्तेमाल करके और टेक्स्ट नोड को इसमें जोड़ दिया जाता है।

टेक्स्ट नोड के साथ तत्व को फिर document.body appendChild() विधि का उपयोग करके दस्तावेज़ निकाय में जोड़ा जाता है और चर d को पैरामीटर के रूप में पास किया जाता है -

function delCreate() {
   var d= document.createElement("DEL");
   var t = document.createTextNode("Deleted text is here");
   d.appendChild(t);
   document.body.appendChild(d);
}

  1. HTML DOM इनपुट टेक्स्ट ऑब्जेक्ट

    HTML DOM इनपुट टेक्स्ट ऑब्जेक्ट टेक्स्ट प्रकार के साथ तत्व से जुड़ा है। हम क्रमशः createElement () और getElementById () विधि का उपयोग करके टाइप टेक्स्ट के साथ एक इनपुट तत्व बना और एक्सेस कर सकते हैं। गुण टेक्स्ट ऑब्जेक्ट के गुण निम्नलिखित हैं - संपत्ति विवरण स्वतः पूर्ण किसी टेक्स्ट फ़ील्ड का स

  1. एचटीएमएल डोम एचआर ऑब्जेक्ट

    HTML DOM HR ऑब्जेक्ट HTML दस्तावेज़ के तत्व का प्रतिनिधित्व करता है। घंटा वस्तु बनाएं− सिंटैक्स निम्नलिखित वाक्य रचना है - दस्तावेज़.क्रिएट एलीमेंट (एचआर); आइए हम घंटा वस्तु का एक उदाहरण देखें- उदाहरण body { text-align:center; पृष्ठभूमि-रंग:#fff; रंग:#0197F6; } h1 {रंग:#23CE6B; } .btn {पृष्ठभूम

  1. एचटीएमएल डोम उल ऑब्जेक्ट

    एचटीएमएल में एचटीएमएल डोम उल ऑब्जेक्ट . का प्रतिनिधित्व करता है तत्व। एक बनाना तत्व var ulObject = document.createElement(“UL”) यहां, “ulObject” निम्न गुण हो सकते हैं लेकिन HTML5 . में समर्थित नहीं हैं - संपत्ति विवरण कॉम्पैक्ट इससे सेट/रिटर्न होता है कि क्या अनियंत्रित सूची