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

HTMLDOM履歴の長さプロパティ

HTML DOM History lengthプロパティは、現在のウィンドウの履歴リストにあるURLを返します。

構文

以下は構文です-

history.length

例

HTMLDOM履歴の長さプロパティの例を見てみましょう-

<!DOCTYPE html>
<html>
<head>
<style>
   body{
      text-align:center;
   }
   .btn{
      background-color:lightblue;
      border:none;
      height:2rem;
      border-radius:50px;
      width:60%;
      margin:1rem auto;
   }
   .show{
      font-size:2rem;
      font-weight:bold;
      color:orange;
   }
</style>
</head>
<body>
<h1>History length Property Example</h1>
<button type="button" onclick="getHistoryLength()" class="btn">Click me to get History length
<div class="show"></div>
<script>
   function getHistoryLength(){
      var historyLength=history.length;
      document.querySelector(".show").innerHTML = historyLength;
   }
</script>
</body>
</html>

出力

これにより、次の出力が生成されます-

HTMLDOM履歴の長さプロパティ

「青」をクリックします 」ボタンをクリックすると、現在のブラウザウィンドウの履歴の長さが表示されます。

HTMLDOM履歴の長さプロパティ


  1. HTMLDOMtextContentプロパティ

    HTML DOM textContentプロパティは、ノードとそのすべての子ノードのテキスト（空白を含む）に対応する文字列を返す/設定します。 以下は構文です- 文字列値を返す Node.textContent ここで、戻り値は次のようになります- ドキュメントノードの「Null」 指定されたノードとそのすべての子ノードのテキスト textContentを文字列値に設定します Node.textContent = string 注：HTML DOM textContent プロパティは、ノードと子ノードのテキストを単一のテキスト文字列として設定します。 HTML DOM

  2. HTMLDOMOlタイププロパティ

    HTML DOM Ol typeプロパティは、順序付きリストで使用されるマーカーのタイプに対応するtype属性の値を設定/返します。 以下は構文です- タイププロパティを返す olObject.type 設定タイプ キャラクターに olObject.type = ‘1|a|A|i|I’ Olタイプの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM Ol type</title> <style>   &n