ホームページ  >  記事  >  ウェブフロントエンド  >  javascript getElementsByTagName_javascript技巧

javascript getElementsByTagName_javascript技巧

WBOY
WBOYオリジナル
2016-05-16 18:11:081106ブラウズ
コードをコピーします コードは次のとおりです。

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




コードをコピー


コードは次のとおりです:
例 3
ドキュメントの構造をよく知っている場合は、 getElementsByTagName() メソッドを使用してドキュメント内の特定の要素を取得することもできます。たとえば、次のコードはドキュメントの 4 番目の段落を取得できます。
var myParagragh = document.getElementsByTagName("p")[3];
ただし、特定の段落を操作する必要がある場合は、次のようになります。要素を使用するには、getElementById() メソッドを使用する方が効率的です。