JavaScript獲取當前頁面上的指定對象示例代碼
更新時間:2014年02月28日 17:02:05 作者:
這篇文章主要介紹了JavaScript獲取當前頁面上指定對象的方法,需要的朋友可以參考下
JavaScript如何獲取當前頁面上的指定對象.
方法如下:
document.getElementById(ID) //獲得指定ID值的對象
document.getElementsByName(Name) //獲得指定Name值的對象數(shù)組
document.all[] //很智能的東東 不過非WEB標準
document.getElementsByTagName //獲得指定標簽值的對象數(shù)組
下面給出例子,只需把注釋去掉直接運行就可看出效果.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<form method="post" name="mainFrm" action="">
<input type="hidden" name="text" id="text" style="width:100%" value="練習而已">
<input type="hidden" name="organizationId" style="width:100%" value="驗證DOCUMENT.ALL">
<table width="100%" border="1">
<tr height="22">
<td width="15%" align="right">庫存組織:</td>
<td width="20%"><input type="text" name="organizationId" id="organizationId" style="width:100%" value="庫存組織"></td>
</tr>
<tr>
<td width="15%" align="right">子庫編碼:</td>
<td width="20%">
<select name="subinventoryCode" style="width:100%" id="subinventoryCode">
<option value="QTWL">QTWL</option>
<option value="BTSPT">BTSPT</option>
<option value="BTS">BTS</option>
</select>
</td>
</tr>
<tr height="22">
<td colspan="2" align="center"><input type="button" value="獲取指定對象" onclick="do_check()"></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來獲得元素.
// 方法的返回值為一個數(shù)組,即使在整個頁面中只有一個name屬性為給定值的對象,它也會以數(shù)組的方式返回.
// 只不過這時的數(shù)組長度為一罷了.
// var organizationId = document.getElementsByName("organizationId");
// alert(organizationId[0].value);
// alert(organizationId.length);
// getElementsByTagName:通過TAGNAME(標簽名稱)來獲得元素,一個DOCUMENT中當然會有相同的標簽,
// 所以這個方法和getElementsByName基本相識也是取得一個數(shù)組,只是獲取對象的方式上的區(qū)別.
// var inputs = document.getElementsByTagName("input");
// alert(inputs.length);
// alert(inputs[0].value);
// alert(inputs[1].value);
// alert(inputs[2].value);
// document.all[]是文檔中所有標簽組成的一個數(shù)組變量,包括了文檔對象中所有元素.
// 一般通過名字去獲取指定元素,不過它比getElementsByName要智能一點就是如果符合條件的對象有一個則返回此對象,多個會以數(shù)組的形式返回
// var organizationId = document.all["organizationId"];
// alert(organizationId[0].value)
// document.all["organizationId"]
// document.all.item("organizationId")
}
//-->
</SCRIPT>
方法如下:
復制代碼 代碼如下:
document.getElementById(ID) //獲得指定ID值的對象
document.getElementsByName(Name) //獲得指定Name值的對象數(shù)組
document.all[] //很智能的東東 不過非WEB標準
document.getElementsByTagName //獲得指定標簽值的對象數(shù)組
下面給出例子,只需把注釋去掉直接運行就可看出效果.
復制代碼 代碼如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<form method="post" name="mainFrm" action="">
<input type="hidden" name="text" id="text" style="width:100%" value="練習而已">
<input type="hidden" name="organizationId" style="width:100%" value="驗證DOCUMENT.ALL">
<table width="100%" border="1">
<tr height="22">
<td width="15%" align="right">庫存組織:</td>
<td width="20%"><input type="text" name="organizationId" id="organizationId" style="width:100%" value="庫存組織"></td>
</tr>
<tr>
<td width="15%" align="right">子庫編碼:</td>
<td width="20%">
<select name="subinventoryCode" style="width:100%" id="subinventoryCode">
<option value="QTWL">QTWL</option>
<option value="BTSPT">BTSPT</option>
<option value="BTS">BTS</option>
</select>
</td>
</tr>
<tr height="22">
<td colspan="2" align="center"><input type="button" value="獲取指定對象" onclick="do_check()"></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來獲得元素.
// 方法的返回值為一個數(shù)組,即使在整個頁面中只有一個name屬性為給定值的對象,它也會以數(shù)組的方式返回.
// 只不過這時的數(shù)組長度為一罷了.
// var organizationId = document.getElementsByName("organizationId");
// alert(organizationId[0].value);
// alert(organizationId.length);
// getElementsByTagName:通過TAGNAME(標簽名稱)來獲得元素,一個DOCUMENT中當然會有相同的標簽,
// 所以這個方法和getElementsByName基本相識也是取得一個數(shù)組,只是獲取對象的方式上的區(qū)別.
// var inputs = document.getElementsByTagName("input");
// alert(inputs.length);
// alert(inputs[0].value);
// alert(inputs[1].value);
// alert(inputs[2].value);
// document.all[]是文檔中所有標簽組成的一個數(shù)組變量,包括了文檔對象中所有元素.
// 一般通過名字去獲取指定元素,不過它比getElementsByName要智能一點就是如果符合條件的對象有一個則返回此對象,多個會以數(shù)組的形式返回
// var organizationId = document.all["organizationId"];
// alert(organizationId[0].value)
// document.all["organizationId"]
// document.all.item("organizationId")
}
//-->
</SCRIPT>
相關文章
javascript 刪除數(shù)組中重復項(uniq)
巧妙去除數(shù)組中的重復項的方法參考,需要的朋友可以參考下。2010-01-01基于js實現(xiàn)的限制文本框只可以輸入數(shù)字
本文主要介紹了js限制文本框只可以輸入數(shù)字的實例代碼,可復制直接調用函數(shù)實現(xiàn)其功能。需要的朋友可以看下2016-12-12