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

HTML DOM Del ऑब्जेक्ट


HTML DOM Del ऑब्जेक्ट HTML <del> तत्व से जुड़ा हुआ है। यह <del> तत्व का प्रतिनिधित्व करने के लिए उपयोग किया जाता है। Del ऑब्जेक्ट का उपयोग करके हम <del> तत्व बना और एक्सेस कर सकते हैं।

गुण

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

क्रमांकगुण एवं विवरण
1cite
हटाए गए टेक्स्ट के cite एट्रिब्यूट मान को सेट या रिटर्न करने के लिए।
2dateTime
हटाए गए टेक्स्ट के datetime एट्रिब्यूट मान को सेट या रिटर्न करने के लिए।

सिंटैक्स

Del ऑब्जेक्ट बनाने के लिए सिंटैक्स निम्नलिखित है:

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>

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा:

HTML DOM Del ऑब्जेक्ट

CREATE बटन पर क्लिक करने पर:

HTML DOM Del ऑब्जेक्ट

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

हमने पहले एक CREATE बटन बनाया जो उपयोगकर्ता द्वारा क्लिक किए जाने पर delCreate() मेथड को निष्पादित करेगा:

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

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

<del> तत्व को टेक्स्ट नोड के साथ फिर document body में 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 Input Text ऑब्जेक्ट HTML DOM Input Text ऑब्जेक्ट

    HTML DOM Input Text ऑब्जेक्ट type text वाले <input> एलिमेंट से जुड़ा होता है। हम createElement() और getElementById() मेथड का उपयोग करके क्रमशः type text वाले इनपुट एलिमेंट को बना और एक्सेस कर सकते हैं। प्रॉपर्टीज Text ऑब्जेक्ट के लिए निम्नलिखित प्रॉपर्टीज हैं: प्रॉपर्टीविवरण autocompleteट

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

    विवरण HTML DOM HR ऑब्जेक्ट HTML दस्तावेज़ के तत्व को दर्शाता है। HR ऑब्जेक्ट बनाएं सिंटैक्स document.createElement(HR); उदाहरण आइए hr ऑब्जेक्ट का एक उदाहरण देखें: <!DOCTYPE html> <html> <style> body { text-align: center; background-color: #fff; color: #0197F6;

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

    HTML DOM Ul ऑब्जेक्ट HTML में <ul> एलिमेंट को दर्शाता है। <ul> एलिमेंट बनाना var ulObject = document.createElement(UL) यहां, ulObject के निम्नलिखित गुण हो सकते हैं लेकिन HTML5 में समर्थित नहीं हैं - गुणविवरण compactअनऑर्डर्ड लिस्ट को सामान्य से छोटा प्रदर्शित करना चाहिए या नहीं, सेट