Thuộc tính HTML DOM del dateTime được liên kết với phần tử HTML được sử dụng để thông báo cho người dùng biết khi nào một số văn bản trên trang web bị xóa. Nó cho biết ngày và giờ khi văn bản bị xóa.
Cú pháp
Sau đây là cú pháp cho -
Đặt thuộc tính dateTime -
delObject.dateTime = YYYY -MM-DDThh:mm:ssTZD
Ở đây, YYYY =năm, MM =tháng, DD =ngày, T =dấu phân cách hoặc dấu cách, hh =giờ, mm =phút, ss =giây, TZD =Bộ chỉ định múi giờ
Ví dụ
Chúng ta hãy xem một ví dụ cho thuộc tính 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>
Đầu ra
Điều này sẽ tạo ra kết quả sau -
Khi nhấp vào nút THAY ĐỔI -
Trong ví dụ trên -
Đầu tiên, chúng tôi đã tạo một phần tử
với id “Del1” và giá trị thuộc tính datetime “2019-02-22T05:10:22Z”.
Sau đó, chúng tôi đã tạo nút CHANGE sẽ thực thi phương thức changeDate () khi người dùng nhấp vào -
Phương thức changeDate () nhận phần tử bên trong phần tử <p><del id="Del1" datetime="2019-02-22T05:10:22Z">Some text has been deleted</del></p>
<button onclick="changeDate()">CHANGE</button>
và đặt giá trị thuộc tính dateTime thành “2019-06-27T10:20:02Z”. Sau đó, chúng tôi hiển thị sự thay đổi này trong đoạn văn với id “Sample” và đặt thuộc tính innerHTML của nó thành văn bản mà chúng tôi muốn hiển thị. Văn bản bên trong đoạn “Mẫu” được hiển thị bằng màu xanh lam vì nó có kiểu tương ứng với id được áp dụng cho nó - 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'.";
}