getElementsByTagName

getElementsByTagName

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

基本介紹

  • 外文名:getElementsByTagName
  • 作 用:傳回指定名稱
  • 性質:元素集合
  • 優點:字元串可以不區分大小寫
基本語法,語法,注釋,說明,範例,length屬性,詳細用法,

基本語法

語法

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>

相關詞條

熱門詞條

聯絡我們