javascript getElementsByTagName_javascript技巧

コードをコピーします コードは次のとおりです。

function getElementsByTagName(node, tagName) {
var要素 = [ ]、i = 0、anyTag = tagName === "*"、next = node.firstChild;
while ((node = next)) {
if (anyTag ? node.nodeType = == 1 : ノード .nodeName === タグ名) 要素[i ] = ノード;
next = ノード.firstChild ||
while (!next && (node = node.parentNode) ) next = node.nextSibling;
}
要素を返します。
構文
document.getElementsByTagName(tagname)

説明
getElementsByTagName() メソッドは、ドキュメント内にある順序で要素を返します。 特別な文字列「*」を getElementsByTagName() メソッドに渡すと、ドキュメント内のすべての要素のリストが返され、要素の配置順序はドキュメント内の順序になります。
ヒントとメモ 注: getElementsByTagName() メソッドに渡される文字列では、大文字と小文字が区別されない場合があります。
例
例 1




コードをコピー


コードは次のとおりです:

type=" text" size="20" />


🎜>gt;

value="入力要素はいくつですか?


を使用できます。 getElementsByTagName() メソッドは、任意のタイプの HTML 要素のリストを取得します。たとえば、次のコードはドキュメント内のすべてのテーブルを取得できます:




コードをコピー


コードは次のとおりです:


var tables = document.getElementsByTagName("table");
alert ("このドキュメントには " tables.length " テーブルが含まれています");

例 3
ドキュメントの構造をよく知っている場合は、 getElementsByTagName() メソッドを使用してドキュメント内の特定の要素を取得することもできます。たとえば、次のコードはドキュメントの 4 番目の段落を取得できます。
var myParagragh = document.getElementsByTagName("p")[3];

ただし、特定の段落を操作する必要がある場合は、次のようになります。要素を使用するには、getElementById() メソッドを使用する方が効率的です。