getElementById getElementsByName getElementsByTagName的用法

1.getElementById

語法：document.getElementById(id)

參數：id爲String

返回值：對象；返回此id的第一個對象，否則，爲null

如：

<input type=text  id=text>

document.getElementById(text).value來取得該文本框的值

 

2.getElementsByName

語法：document.getElementsByName(name)

參數：name爲string

返回值：對象；返回name值相同的數組對象，否則爲空數組。

如：

<input type=text name=text>

<input type=text name=text>

<input type=text name=text>

var text_value=document.getElementsByName(text);

for(var i=0;i<text_value.length;i++)//通過一個循環來取得值

{

     document.write(text_value[i].value);

}

 

3.getElementsByTagName

語法:object.getElementsByTagName(tagname) ;object可以使document，event，srcElement，parentElement等

參數：tagname爲string

返回值：數組對象。否則爲空數組

如：

<div name="docname" id="docid1" onClick="bgcolor()"></div>
<div name="docname" id="docid2" onClick="bgcolor()"></div>
var docnObj=document.getElementsByTagName("div");
docnObj[0].style.backgroundColor = "black";
docnObj[1].style.backgroundColor = "black";