JavaScript如何獲取當前頁面上的指定對象.
方法如下:
復制代碼 代碼如下:
document.getElementById(ID) //獲得指定ID值的對象
document.getElementsByName(Name) //獲得指定Name值的對象數組
document.all[] //很智能的東東 不過非WEB標準
document.getElementsByTagName //獲得指定標簽值的對象數組
復制代碼 代碼如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META CONTENT="EditPlus">
<META CONTENT="">
<META CONTENT="">
<META CONTENT="">
</HEAD>
<BODY>
<form method="post" action="">
<input type="hidden" value="練習而已">
<input type="hidden" value="驗證DOCUMENT.ALL">
<table>
<tr>
<td>庫存組織:</td>
<td><input type="text" value="庫存組織"></td>
</tr>
<tr>
<td>子庫編碼:</td>
<td>
<select>
<option value="QTWL">QTWL</option>
<option value="BTSPT">BTSPT</option>
<option value="BTS">BTS</option>
</select>
</td>
</tr>
<tr>
<td colspan="2"><input type="button" value="獲取指定對象"></td>
</tr>
</table>
</form>
</BODY>
</HTML>
<SCRIPT LANGUAGE="JavaScript">
<!--
function do_check(){
// getElementById:就是通過ID來取得元素,所以只能訪問設置了ID的元素。
// 方法的返回值能確保為你所需要的對象,因為整個頁面中一個對象的ID值是唯一的.
// var organizationId = document.getElementById("organizationId");
// alert(organizationId.value);
// getElementsByName:就是通過NAME來獲得元素.
// 方法的返回值為一個數組,即使在整個頁面中只有一個name屬性為給定值的對象,它也會以數組的方式返回.
// 只不過這時的數組長度為一罷了.
// var organizationId = document.getElementsByName("organizationId");
// alert(organizationId[0].value);
// alert(organizationId.length);
// getElementsByTagName:通過TAGNAME(標簽名稱)來獲得元素,一個DOCUMENT中當然會有相同的標簽,
// 所以這個方法和getElementsByName基本相識也是取得一個數組,只是獲取對象的方式上的區別.
// var inputs = document.getElementsByTagName("input");
// alert(inputs.length);
// alert(inputs[0].value);
// alert(inputs[1].value);
// alert(inputs[2].value);
// document.all[]是文檔中所有標簽組成的一個數組變量,包括了文檔對象中所有元素.
// 一般通過名字去獲取指定元素,不過它比getElementsByName要智能一點就是如果符合條件的對象有一個則返回此對象,多個會以數組的形式返回
// var organizationId = document.all["organizationId"];
// alert(organizationId[0].value)
// document.all["organizationId"]
// document.all.item("organizationId")
}
//-->
</SCRIPT>
新聞熱點
疑難解答
圖片精選