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

HTMLDOMアンカーコレクション

HTML DOMアンカーコレクションは、HTMLドキュメントに存在するすべてのアンカータグ（）のコレクションを返すために使用されます。名前属性が関連付けられている場合にのみ、リンクがカウントされます。ただし、name属性は、現在のHTML5では非推奨になっています。要素は、htmlソースドキュメントに存在するのと同じ順序で表示されます。

プロパティ

アンカーコレクションのプロパティは次のとおりです。

プロパティ
説明
長さ
htmlドキュメント内のリンク数（）を返します。

メソッド

アンカー収集の方法は次のとおりです。

メソッド
説明
[インデックス]
指定されたインデックスのリンクを返します。インデックスは0から始まり、上から下の順序になります。アイテムが見つからない場合はnullが返されます。
item（index）
指定されたインデックスのリンクを返します。インデックスは0から始まります。アイテムが見つからない場合はNullが返されます。
namedItem（id）：
指定されたIDを持つコレクションからリンクを返します。アイテムが見つからない場合はNullが返されます。

構文

以下は構文です-

アンカーコレクションを取得するため。

document.anchors

注 −アンカーコレクションは読み取り専用であるため、設定できません。

例

アンカーコレクションの例を見てみましょう-

<!DOCTYPE html>
<html>
<body>
<a name="example">Sample1</a><br>
<a name="example1">Sample2</a><br>
<a name="example2">Sample3</a><br>
<p>Click the button to get first link text in the above list</p>
<button onclick="getCollection()">Collection</button>
<button onclick="getLength()">Length</button>
<p id="sample"></p>
<script>
   function getCollection() {
      var x = document.anchors[0].innerHTML;
      document.getElementById("sample").innerHTML = x;
   }
   function getLength() {
      var x = document.anchors[0].innerHTML.length;
      document.getElementById("sample").innerHTML = x;
   }
</script>
</body>
</html>

出力

次の出力が生成されます-

HTMLDOMアンカーコレクション

「収集」ボタンをクリックすると-

HTMLDOMアンカーコレクション

「長さ」ボタンをクリックすると-

HTMLDOMアンカーコレクション

上記の例では-

name属性がそれぞれexample、example1、example2に等しい3つのリンクがあります

<a name="example">Sample1</a><br>
<a name="example1">Sample2</a><br>
<a name="example2">Sample3</a> <br>

次に、getCollection（）関数とgetLength（）関数をそれぞれ実行するための2つのボタンcollectionとlengthがあります。

<button onclick="getCollection()">Collection</button>
<button onclick="getLength()">Length</button>

getCollection（）関数は、0インデックス位置（この場合はSample1）のアンカータグテキストを返します。 getLength（）関数は、リンクテキストの長さを返します。ここで、リンクテキストはSample1であるため、返される長さは7です。


  1. HTMLDOMテーブルtBodiesコレクション

    HTML DOMテーブルのtBodiesコレクションは、HTMLドキュメントのテーブル内のすべての要素のコレクションを返します。 構文 以下は構文です- object.tBodies tBodiesコレクションのプロパティ プロパティ 説明 長さ HTMLドキュメントのコレクション内の要素の数を返します tBodiesコレクションのプロパティ メソッド 説明 [index] コレクションから指定されたインデックス要素を返します。 item（index） コレクションから指定されたインデックス要素を返します。 namedItem（id） コレクションから指

  2. HTMLDOMテーブル行コレクション

    HTML DOMテーブル行コレクションは、HTMLドキュメント内のテーブルのすべての要素のコレクションを返します。 構文 以下は構文です- object.rows 行コレクションのプロパティ HTMLドキュメントのコレクション内の要素。 プロパティ 説明 長さ HTMLドキュメントのコレクション内の要素の数を返します。 行収集の方法 コレクションの要素コレクションの要素。コレクションの要素 メソッド 説明 [インデックス] コレクションから指定されたインデックス要素を返します。 item（index） コレクションから