HTML DOM del dateTime প্রপার্টি

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> এলিমেন্টের ভিতরে "Del1" আইডি এবং datetime অ্যাট্রিবিউট মান "2019-02-22T05:10:22Z" সহ একটি <del> এলিমেন্ট তৈরি করেছি।

<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"-এ সেট করে। তারপর আমরা এই পরিবর্তনটি "Sample" আইডি वाले প্যারা গ্রাফে দেখাই innerHTML প্রপার্টি ব্যবহার করে। "Sample" প্যারা গ্রাফের টেক্সট নীল রঙে দেখাবে কারণ এর আইডির সাথে সংশ্লিষ্ট স্টাইল আছে:

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