getelementsbytagname(getelementsbytagname[0])

更新時(shí)間:2023-03-01 10:45:54 閱讀：評(píng)論：0

getelementsbytagname什么意思

WEB標(biāo)準(zhǔn)下可以通過getElementById(), getElementsByName(), and getElementsByTagName()訪問DOCUMENT中的任一個(gè)標(biāo)簽：

1、getElementById()
getElementById()可以訪問DOCUMENT中的某一特定元素，顧名思義，就是通過ID來取得元素，所以只能訪問設(shè)置了ID的元素。
比如說有一個(gè)DIV的ID為docid：
<div id="docid"></div>
那么就可以用getElementById("docid")來獲得這個(gè)元素。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loo.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; chart=gb2312">
<title>ById</title>
<style type="text/css">

</style>
</head>
<body><div id="docid" name="docname" onClick="bgcolor()"></div>
</body>
</html>
<script language="JavaScript" type="text/JavaScript">

</script>
、getElementsByName()
這個(gè)是通過NAME來獲得元素，但不知大家注意沒有，這個(gè)是GET　ELEMENTS，復(fù)數(shù)ELEMENTS代表獲得的不是一個(gè)元素，為什么呢？
因?yàn)镈OCUMENT中每一個(gè)元素的ID是唯一的，但NAME卻可以重復(fù)。打個(gè)比喻就像人的身份證號(hào)是唯一的（理論上，雖然現(xiàn)實(shí)中有重復(fù)），但名字

重復(fù)的卻很多。如果一個(gè)文檔中有兩個(gè)以上的標(biāo)簽NAME相同，那么getElementsByName()就可以取得這些元素組成一個(gè)數(shù)組。

比如有兩個(gè)DIV：
<div name="docname" id="docid1"></div>
<div name="docname" id="docid2"></div>
那么可以用getElementsByName("docname")獲得這兩個(gè)DIV，用getElementsByName("docname")[0]訪問第一個(gè)DIV，用getElementsByName

3、getElementsByTagName()
這個(gè)呢就是通過TAGNAME（標(biāo)簽名稱）來獲得元素，一個(gè)DOCUMENT中當(dāng)然會(huì)有相同的標(biāo)簽，所以這個(gè)方法也是取得一個(gè)數(shù)組。
下面這個(gè)例子有兩個(gè)DIV，可以用getElementsByTagName("div")來訪問它們，用getElementsByTagName("div")[0]訪問第一個(gè)DIV，用

getElementsByTagName("div")[1]訪問第二個(gè)DIV。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; chart=gb2312">
<title>Byname,tag</title>
<style type="text/css">

</style>
</head>
<body>
<div name="docname" id="docid1" onClick="bgcolor()"></div>
<div name="docname" id="docid2" onClick="bgcolor()"></div>
</body>
</html>
<script language="JavaScript" type="text/JavaScript">

</script>
總結(jié)一下標(biāo)準(zhǔn)DOM，訪問某一特定元素盡量用標(biāo)準(zhǔn)的getElementById()，訪問標(biāo)簽用標(biāo)準(zhǔn)的getElementByTagName(),但I(xiàn)E不支持

getElementsByName()，所以就要避免使用getElementsByName()，但getElementsByName()和不符合標(biāo)準(zhǔn)的document.all[]也不是全無是處，它們有自己的方便之處，用不用那就看網(wǎng)站的用戶使用什么瀏覽器，由你自己決定了。

js使用getElementsByTagName報(bào)錯(cuò)怎么辦？

getElementsByTagName是document的方法，只能通過document調(diào)用。如果你只是想要取得DOM中指定標(biāo)簽名的對(duì)象的集合的話document.getElementsByTagName就足夠了。

拓展：

1、JavaScript一種直譯式腳本語言，是一種動(dòng)態(tài)類型、弱類型、基于原型的語言，內(nèi)置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語言，最早是在HTML（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用）網(wǎng)頁上使用，用來給HTML網(wǎng)頁增加動(dòng)態(tài)功能。

2、在1995年時(shí)，由Netscape公司的Brendan Eich，在網(wǎng)景導(dǎo)航者瀏覽器上首次設(shè)計(jì)實(shí)現(xiàn)而成。因?yàn)镹etscape與Sun合作，Netscape管理層希望它外觀看起來像Java，因此取名為JavaScript。但實(shí)際上它的語法風(fēng)格與Self及Scheme較為接近。為了取得技術(shù)優(yōu)勢(shì)，微軟推出了JScript，CEnvi推出ScriptEa，與JavaScript同樣可在瀏覽器上運(yùn)行。為了統(tǒng)一規(guī)格，因?yàn)镴avaScript兼容于ECMA標(biāo)準(zhǔn)，因此也稱為ECMAScript。

getElementsByTagName和getElementById 的區(qū)別

前者是通過標(biāo)簽名來獲得當(dāng)前網(wǎng)頁中的元素對(duì)象的，而且它返回的是一個(gè)數(shù)組，因?yàn)閠ag相同的元素可能不止一個(gè)這個(gè)時(shí)候就需要用getElementsByTagName("a")[0](返回第一個(gè)元素)來獲得對(duì)象的引用
而后者是通過元素的id屬性來獲得當(dāng)前網(wǎng)頁中的元素對(duì)象的，由于在一個(gè)文檔中相同id名稱的元素只能有一個(gè)，所以它返回的就是一個(gè)對(duì)象，也就是說可以直接用，只要你在元素中定義了id名稱，比如<div id="myDiv">，這個(gè)時(shí)候你就可以用document.getElementById("myDiv")來獲得這個(gè)div對(duì)象了。

getElementsByTagName

作用傳回指定名稱的元素集合。
基本語法 objNodeList ＝ xmlDocument.getElementsByTagName (tagname);
說明 tagname 是一個(gè)字符串，代表找到的元素卷標(biāo)名稱。使用tagname "*"傳回文件中所有找到的元素。
范例 objNodeList ＝ xmlDoc.getElementsByTagName("*"); alert(objNodeList.item(1).xml); ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
getElementsByTagName的用法
<HTML>
<HEAD>
<TITLE> New Document </TITLE> <script language=javascript> function ck()
{
var aa = document.getElementsByTagName("input"); var ss = "";
alert("網(wǎng)頁里所有的input集合共有："+aa.length+"個(gè)！"); for (var i=0; i<aa.length; i++){ if (aa[i].type=="text")ss=ss [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>

javascript 里面的 getElementsByTagName() 是怎么用的?

getElementsByTagName() 是獲取標(biāo)簽的，
比如一個(gè)頁面里有多個(gè)input標(biāo)簽，getElementsByTagName(‘input’)可以獲取所有input元素，返回的結(jié)果是一個(gè)數(shù)組，可以使用索引數(shù)組來標(biāo)記。
比如：var input=getElementsByTagName(‘input’);
input就是獲取了所有input元素的數(shù)組，可以通過input[0],input[1]……這樣來選定某個(gè)特定元素。