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

एचटीएमएल डोम डेल डेटटाइम प्रॉपर्टी

<घंटा/>

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'.";
}

  1. HTML DOM इनपुटएन्कोडिंग प्रॉपर्टी

    HTML DOM inputEncoding प्रॉपर्टी पार्स करने योग्य HTML दस्तावेज़ के लिए वर्ण एन्कोडिंग लौटाती है और ओवरराइट करने योग्य है। सिंटैक्स निम्नलिखित वाक्य रचना है - रिटर्निंग कैरेक्टर एन्कोडिंग html दस्तावेज़ का। दस्तावेज़.इनपुटएन्कोडिंग उदाहरण आइए InputEncoding . के लिए एक उदाहरण देखें संपत्ति - इ

  1. एचटीएमएल डोम डेल उद्धृत संपत्ति

    HTML तत्व से जुड़ी HTML DOM del cite संपत्ति का उपयोग उपयोगकर्ता को यह बताने के लिए किया जाता है कि वेबसाइट पर कुछ टेक्स्ट क्यों हटाया गया था। यह यूआरएल निर्दिष्ट करके ऐसा करता है जो बताता है कि दिए गए टेक्स्ट को क्यों हटाया गया था। डेल काइट संपत्ति हमारी वेबसाइट की पहुंच को बढ़ाती है क्योंकि इसमे

  1. HTML DOM टाइम डेटटाइम प्रॉपर्टी

    एचटीएमएल डोम टाइम डेटटाइम प्रॉपर्टी टाइम एलिमेंट की डेटटाइम एट्रिब्यूट लौटाती है/सेट करती है। निम्नलिखित वाक्य रचना है - रिटर्निंग स्ट्रिंग मान timeObject.dateTime दिनांक समय सेट करना स्ट्रिंग मान के लिए timeObject.dateTime = YYYY-MM-DDThh:mm:ssTZD यहां, “YYYY-MM-DDThh:mm:ssTZD निम्नलिखित हो सक