ホームページ >ウェブフロントエンド >jsチュートリアル >javascript getElementsByTagName_javascript技巧

javascript getElementsByTagName_javascript技巧

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

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




コードをコピー


コードは次のとおりです:
function getElements() var x=document.getElementsByTagName("input") );
alert(x.length);

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() メソッドを使用する方が効率的です。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。