Computer >> Máy Tính >  >> Lập trình >> HTML

HTML DOM del dateTime Thuộc tính

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 -

HTML DOM del dateTime Thuộc tính

Khi nhấp vào nút THAY ĐỔI -

HTML DOM del dateTime Thuộc tính

Trong ví dụ trên -

Đầu tiên, chúng tôi đã tạo một phần tử bên trong phần tử

với id “Del1” và giá trị thuộc tính datetime “2019-02-22T05:10:22Z”.

<p><del id="Del1" datetime="2019-02-22T05:10:22Z">Some text has been deleted</del></p>

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 -

<button onclick="changeDate()">CHANGE</button>

Phương thức changeDate () nhận phần tử 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'.";
}