HTML <del> तत्व से जुड़ी HTML DOM del dateTime प्रॉपर्टी का उपयोग उपयोगकर्ता को यह बताने के लिए किया जाता है कि वेबसाइट पर कुछ टेक्स्ट कब हटाया गया था। यह बताता है कि टेक्स्ट कब हटाया गया था इसकी तारीख और समय।
सिंटैक्स
dateTime प्रॉपर्टी सेट करने के लिए सिंटैक्स निम्नलिखित है:
delObject.dateTime = YYYY -MM-DDThh:mm:ssTZD
यहां, YYYY=वर्ष, MM=महीने, DD=दिन, T=सेपरेटर या स्पेस, hh=घंटे, mm=मिनट, ss=सेकंड, TZD=टाइम जोन डेजिग्नेटर
उदाहरण
del dateTime प्रॉपर्टी का एक उदाहरण देखते हैं:
<!DOCTYPE html> <html> <head> <title>del dateTime property example</title> <style> #Sample{color:blue}; </style> </head> <body> <h2>del dateTime property example</h2> <p><del id="Del1" datetime="2019-02-22T05:10:22Z">Some text has been deleted</del></p> <p>Click the below button to change the datetime attribute value of the deleted text above</p> <button onclick="changeDate()">CHANGE</button> <p id="Sample"></p> <script> function changeDate() { document.getElementById("Del1").dateTime = "2019-06-27T10:20:02Z"; document.getElementById("Sample").innerHTML = "The datetime attribute attribute was changed to '2019-06-27T10:20:02Z'."; } </script> </body> </html>
आउटपुट
यह निम्नलिखित आउटपुट उत्पन्न करेगा:
CHANGE बटन पर क्लिक करने पर:
उपरोक्त उदाहरण में:
हमने पहले <p> तत्व के अंदर id "Del1" के साथ एक <del> तत्व बनाया और datetime एट्रिब्यूट मान "2019-02-22T05:10:22Z"।
<p><del id="Del1" datetime="2019-02-22T05:10:22Z">Some text has been deleted</del></p>
हमने फिर CHANGE बटन बनाया जो उपयोगकर्ता द्वारा क्लिक किए जाने पर changeDate() मेथड को निष्पादित करेगा:
<button onclick="changeDate()">CHANGE</button>
changeDate() मेथड <del> तत्व प्राप्त करता है और इसके dateTime एट्रिब्यूट मान को "2019-06-27T10:20:02Z" पर सेट करता है। हम फिर इस परिवर्तन को id "Sample" वाले पैराग्राफ में प्रदर्शित करते हैं और इसके innerHTML प्रॉपर्टी को उस टेक्स्ट पर सेट करते हैं जिसे हम प्रदर्शित करना चाहते हैं। पैराग्राफ "Sample" के अंदर का टेक्स्ट नीले रंग में प्रदर्शित होता है क्योंकि इसकी id से मेल खाने वाली स्टाइल लागू होती है:
function changeDate() { document.getElementById("Del1").dateTime = "2019-06-27T10:20:02Z"; document.getElementById("Sample").innerHTML = "The datetime attribute attribute was changed to '2019-06-27T10:20:02Z'."; }
