home

หน้าแรก
 Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

คุณสมบัติ HTML DOM del dateTime

คุณสมบัติ HTML DOM del dateTime ที่เชื่อมโยงกับองค์ประกอบ HTML ใช้เพื่อแจ้งให้ผู้ใช้ทราบเมื่อข้อความบางส่วนบนเว็บไซต์ถูกลบ บอกวันที่และเวลาที่ข้อความถูกลบ

ไวยากรณ์

ต่อไปนี้เป็นไวยากรณ์สำหรับ −

การตั้งค่าคุณสมบัติ 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 zone designator

ตัวอย่าง

ให้เราดูตัวอย่างคุณสมบัติ 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>

ผลลัพธ์

สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -

คุณสมบัติ HTML DOM del dateTime

เมื่อคลิกปุ่ม CHANGE -

คุณสมบัติ HTML DOM del dateTime

ในตัวอย่างข้างต้น −

ขั้นแรกเราได้สร้าง องค์ประกอบภายใน

องค์ประกอบที่มี id “Del1” และค่าแอตทริบิวต์ 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() รับองค์ประกอบ และตั้งค่าแอตทริบิวต์ dateTime เป็น “2019-06-27T10:20:02Z” จากนั้นเราจะแสดงการเปลี่ยนแปลงนี้ในย่อหน้าด้วย id “Sample” และตั้งค่าคุณสมบัติ innerHTML เป็นข้อความที่เราต้องการแสดง ข้อความภายในย่อหน้า "ตัวอย่าง" จะแสดงเป็นสีน้ำเงินเนื่องจากมีรูปแบบที่สอดคล้องกับรหัสที่ใช้กับมัน -

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