HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTML DOMdeldateTimeプロパティ

HTML要素に関連付けられたHTMLDOMdel dateTimeプロパティは、Webサイト上の一部のテキストが削除されたことをユーザーに通知するために使用されます。テキストが削除された日時を示します。

構文

以下は、-

の構文です。

dateTimeプロパティの設定-

delObject.dateTime = YYYY -MM-DDThh:mm:ssTZD

ここで、YYYY =年、MM =月、DD =日、T =区切り文字またはスペース、hh =時間、mm =分、ss =秒、TZD=タイムゾーン指定子

例

deldateTimeプロパティの例を見てみましょう-

<!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 DOMdeldateTimeプロパティ

変更ボタンをクリックすると-

HTML DOMdeldateTimeプロパティ

上記の例では-

最初に、IDが「Del1」で日時属性値が「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プロパティを表示するテキストに設定します。 「サンプル」の段落内のテキストは、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'.";
}

  1. HTML DOMdelciteプロパティ

    HTML要素に関連付けられたHTMLDOMdel citeプロパティは、Webサイト上の一部のテキストが削除された理由をユーザーに通知するために使用されます。これは、指定されたテキストが削除された理由を示すURLを指定することによって行われます。 del citeプロパティは、視覚的な手がかりがないため、当社のWebサイトのアクセシビリティを向上させますが、スクリーンリーダーには役立ちます。 del citeプロパティは、HTMLの要素のcite属性の値を設定または返します。 構文 以下は、-の構文です。 引用プロパティの設定- delObject.cite = URL ここで、URL

  2. HTMLDOM時刻dateTimeプロパティ

    HTML DOM Time dateTimeプロパティは、time要素のdatetime属性を返す/設定します。 以下は構文です- 文字列値を返す timeObject.dateTime dateTimeの設定 文字列値に timeObject.dateTime = YYYY-MM-DDThh:mm:ssTZD ここでは、「 YYYY-MM-DDThh：mm：ssTZD 」は次のようになります- stringValue 詳細 YYYY 年を定義します（例：1998） MM 月を定義します（例：5月は05） DD 日を定義しま