getElementsByTagName

getElementsByTagName

getElementsByTagName是一個JavaScript函式,功能是通過查找整個 HTML 文檔中的任何 HTML 元素,傳回指定名稱的元素集合。

基本語法

語法

objNodeList = xmlDocument.getElementsByTagName(tagname);

document.getElementById('ID').getElementsByTagName("標籤名稱");

注釋

getElementsByTagName() 方法會使用指定的標籤名返回所有的元素(作為一個節點列表),這些元素是您在使用此方法時所處的元素的後代。

getElementsByTagName() 可被用於任何的 HTML 元素

如果把特殊字元串 "*" 傳遞給 getElementsByTagName() 方法,它將返回文檔中所有元素的列表,元素排列的順序就是它們在文檔中的順序。

傳遞給 getElementsByTagName() 方法的字元串可以不區分大小寫。

說明

tagname 是一個字元串,代表找到的元素卷標名稱。使用tagname "*"傳回檔案中所有找到的元素。

範例

length屬性

您可以通過使用 length 屬性來循環遍歷節點列表:

var x=document.getElementsByTagName("p");for (var i=0;i<x.length;i++) { // do something with each paragraph }

詳細用法

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

<script language=javascript>

function ck()

{

var aa = document.getElementsByTagName("input");

var ss = "";

alert("網頁里所有的input集合共有:"+aa.length+"個!");

for (var i=0; i<aa.length; i++){

if (aa[i].type=="text")ss=ss+aa[i].value+"■";

}

alert(ss);

ss.value="sss";

alert(ss.value);

var bb = ss.split("■") ;

bb.value="wewwew";

alert(bb);

alert(bb.length);

}

</script>

</HEAD>

<BODY>

<FORM name=form1 METHOD=POST ACTION="">

<INPUT TYPE="text" NAME=txt>

<INPUT TYPE="text" NAME=txt1>

<INPUT TYPE="text" NAME=txt2>

<INPUT TYPE="text" NAME=txt3>

<INPUT TYPE="text" NAME=txt4>

<INPUT TYPE=button onclick="ck();">

</FORM>

</BODY>

</HTML>

相關詞條

相關搜尋

熱門詞條

聯絡我們