HTML तत्व से जुड़ी HTML DOM del dateTime प्रॉपर्टी का उपयोग उपयोगकर्ता को यह बताने के लिए किया जाता है कि वेबसाइट पर कुछ टेक्स्ट कब हटाया गया था। यह तारीख और समय बताता है कि टेक्स्ट कब डिलीट किया गया था।
सिंटैक्स
−
. के लिए वाक्य रचना निम्नलिखित हैडेटटाइम प्रॉपर्टी सेट करना -
delObject.dateTime = YYYY -MM-DDThh:mm:ssTZD
यहां, YYYY=years , MM=months , DD=days, T=separator or a space, hh=hours ,mm=minutes,ss=seconds, TZD=time क्षेत्र डिज़ाइनर
उदाहरण
आइए डेल डेटटाइम प्रॉपर्टी के लिए एक उदाहरण देखें -
<!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>
आउटपुट
यह निम्नलिखित आउटपुट उत्पन्न करेगा -
चेंज बटन पर क्लिक करने पर -
उपरोक्त उदाहरण में -
हमने सबसे पहले
एलीमेंट के अंदर एक एलीमेंट बनाया है, जिसका आईडी “Del1” और डेटाटाइम एट्रिब्यूट मान “2019-02-22T05:10:22Z” है।
<p><del id="Del1" datetime="2019-02-22T05:10:22Z">Some text has been deleted</del></p>
फिर हमने बटन बनाया है CHANGE जो उपयोगकर्ता द्वारा क्लिक किए जाने पर चेंजडेट () विधि को निष्पादित करेगा -
<button onclick="changeDate()">CHANGE</button>
ChangeDate () विधि तत्व प्राप्त करती है और इसे dateTime विशेषता मान "2019-06-27T10:20:02Z" पर सेट करती है। फिर हम इस परिवर्तन को "नमूना" आईडी के साथ पैराग्राफ में प्रदर्शित करते हैं और इसकी आंतरिक HTML संपत्ति को उस पाठ में सेट करते हैं जिसे हम प्रदर्शित करना चाहते हैं। अनुच्छेद "नमूना" के अंदर का पाठ नीले रंग में प्रदर्शित होता है क्योंकि इसमें इसकी आईडी के अनुरूप शैली होती है -
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'."; }