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

HTML DOM ins dateTime Thuộc tính

Thuộc tính HTML DOM ins dateTime trả về ngày và giờ khi văn bản được chèn vào.

Cú pháp

Sau đây là cú pháp -

Trả về giá trị chuỗi

insObject.dateTime

Ví dụ

Hãy để chúng tôi xem một ví dụ về trong dateTime tài sản -

<!DOCTYPE html>
<html>
<head>
<title>ins dateTime</title>
<style>
   form {
      width:70%;
      margin: 0 auto;
      text-align: center;
   }
   * {
      padding: 2px;
      margin:5px;
   }
   input[type="button"] {
      border-radius: 10px;
   }
</style>
</head>
<body>
<form>
<fieldset>
<legend>ins-dateTime</legend>
<h1>Fact:</h1>
<p>Water cannot persist on moon's surface.
<ins id="newInfo" cite="https://www.example.com/water-ice-moon-surface-confirmed.html" datetime="2018-08-21T18:23Z">
Water ice found on moon.</ins>
</p>
<input type="button" onclick="getDate()" value="When was this change made?">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var insDateTime = document.getElementById("newInfo");
   function getDate() {
      divDisplay.textContent = 'Text inserted on '+insDateTime.dateTime.split("T")[0];
      divDisplay.textContent += ' at '+insDateTime.dateTime.split("T")[1];
   }
</script>
</body>
</html>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Trước khi nhấp vào ‘Thay đổi này được thực hiện khi nào?’ nút -

HTML DOM ins dateTime Thuộc tính

Sau khi nhấp vào ‘Thay đổi này được thực hiện khi nào?’ nút -

HTML DOM ins dateTime Thuộc tính