HTML DOM del dateTime 속성

<시간/>

HTML 요소와 연결된 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>

출력

이것은 다음과 같은 출력을 생성합니다 -

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>

그런 다음 사용자가 클릭할 때 changeDate() 메서드를 실행하는 CHANGE 버튼을 만들었습니다.

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

changeDate() 메서드는 요소를 가져와서 dateTime 속성 값을 "2019-06-27T10:20:02Z"로 설정합니다. 그런 다음 ID가 "Sample"인 단락에 이 변경 사항을 표시하고 innerHTML 속성을 표시하려는 텍스트로 설정합니다. "Sample" 단락 안의 텍스트는 ID에 해당하는 스타일이 적용되어 파란색으로 표시됩니다. -

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