-
getElementsByTagName
鎖定
getElementsByTagName是一個JavaScript函數,功能是通過查找整個HTML文檔中的任何HTML元素,傳回指定名稱的元素集合。
- 外文名
- getElementsByTagName
- 作 用
- 傳回指定名稱
- 性 質
- 元素集合
- 優 點
- 字符串可以不區分大小寫
getElementsByTagName基本語法
getElementsByTagName函數語法
objNodeList = xmlDocument.getElementsByTagName(tagname);
或
document.getElementById('ID').getElementsByTagName("標籤名稱");
getElementsByTagName函數註釋
getElementsByTagName()方法會使用指定的標籤名返回所有的元素(作為一個節點列表),這些元素是您在使用此方法時所處的元素的後代。
getElementsByTagName()可被用於任何的HTML元素。
如果把特殊字符串 "*" 傳遞給 getElementsByTagName() 方法,它將返回文檔中所有元素的列表,元素排列的順序就是它們在文檔中的順序。
getElementsByTagName元素説明
getElementsByTagName元函數範例
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>
- 參考資料
-
- 1. HTML DOM getElementsByTagName() 方法 .w3school[引用日期2014-07-20]