JavaScript獲取當(dāng)前頁面上的指定對象示例代碼
更新時(shí)間:2014年02月28日 17:02:05 作者:
這篇文章主要介紹了JavaScript獲取當(dāng)前頁面上指定對象的方法,需要的朋友可以參考下
JavaScript如何獲取當(dāng)前頁面上的指定對象.
方法如下:
document.getElementById(ID) //獲得指定ID值的對象
document.getElementsByName(Name) //獲得指定Name值的對象數(shù)組
document.all[] //很智能的東東 不過非WEB標(biāo)準(zhǔn)
document.getElementsByTagName //獲得指定標(biāo)簽值的對象數(shù)組
下面給出例子,只需把注釋去掉直接運(yùn)行就可看出效果.
<!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="練習(xí)而已">
<input type="hidden" name="organizationId" style="width:100%" value="驗(yàn)證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來取得元素,所以只能訪問設(shè)置了ID的元素。
// 方法的返回值能確保為你所需要的對象,因?yàn)檎麄€(gè)頁面中一個(gè)對象的ID值是唯一的.
// var organizationId = document.getElementById("organizationId");
// alert(organizationId.value);
// getElementsByName:就是通過NAME來獲得元素.
// 方法的返回值為一個(gè)數(shù)組,即使在整個(gè)頁面中只有一個(gè)name屬性為給定值的對象,它也會(huì)以數(shù)組的方式返回.
// 只不過這時(shí)的數(shù)組長度為一罷了.
// var organizationId = document.getElementsByName("organizationId");
// alert(organizationId[0].value);
// alert(organizationId.length);
// getElementsByTagName:通過TAGNAME(標(biāo)簽名稱)來獲得元素,一個(gè)DOCUMENT中當(dāng)然會(huì)有相同的標(biāo)簽,
// 所以這個(gè)方法和getElementsByName基本相識(shí)也是取得一個(gè)數(shù)組,只是獲取對象的方式上的區(qū)別.
// var inputs = document.getElementsByTagName("input");
// alert(inputs.length);
// alert(inputs[0].value);
// alert(inputs[1].value);
// alert(inputs[2].value);
// document.all[]是文檔中所有標(biāo)簽組成的一個(gè)數(shù)組變量,包括了文檔對象中所有元素.
// 一般通過名字去獲取指定元素,不過它比getElementsByName要智能一點(diǎn)就是如果符合條件的對象有一個(gè)則返回此對象,多個(gè)會(huì)以數(shù)組的形式返回
// var organizationId = document.all["organizationId"];
// alert(organizationId[0].value)
// document.all["organizationId"]
// document.all.item("organizationId")
}
//-->
</SCRIPT>
方法如下:
復(fù)制代碼 代碼如下:
document.getElementById(ID) //獲得指定ID值的對象
document.getElementsByName(Name) //獲得指定Name值的對象數(shù)組
document.all[] //很智能的東東 不過非WEB標(biāo)準(zhǔn)
document.getElementsByTagName //獲得指定標(biāo)簽值的對象數(shù)組
下面給出例子,只需把注釋去掉直接運(yùn)行就可看出效果.
復(fù)制代碼 代碼如下:
<!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="練習(xí)而已">
<input type="hidden" name="organizationId" style="width:100%" value="驗(yàn)證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來取得元素,所以只能訪問設(shè)置了ID的元素。
// 方法的返回值能確保為你所需要的對象,因?yàn)檎麄€(gè)頁面中一個(gè)對象的ID值是唯一的.
// var organizationId = document.getElementById("organizationId");
// alert(organizationId.value);
// getElementsByName:就是通過NAME來獲得元素.
// 方法的返回值為一個(gè)數(shù)組,即使在整個(gè)頁面中只有一個(gè)name屬性為給定值的對象,它也會(huì)以數(shù)組的方式返回.
// 只不過這時(shí)的數(shù)組長度為一罷了.
// var organizationId = document.getElementsByName("organizationId");
// alert(organizationId[0].value);
// alert(organizationId.length);
// getElementsByTagName:通過TAGNAME(標(biāo)簽名稱)來獲得元素,一個(gè)DOCUMENT中當(dāng)然會(huì)有相同的標(biāo)簽,
// 所以這個(gè)方法和getElementsByName基本相識(shí)也是取得一個(gè)數(shù)組,只是獲取對象的方式上的區(qū)別.
// var inputs = document.getElementsByTagName("input");
// alert(inputs.length);
// alert(inputs[0].value);
// alert(inputs[1].value);
// alert(inputs[2].value);
// document.all[]是文檔中所有標(biāo)簽組成的一個(gè)數(shù)組變量,包括了文檔對象中所有元素.
// 一般通過名字去獲取指定元素,不過它比getElementsByName要智能一點(diǎn)就是如果符合條件的對象有一個(gè)則返回此對象,多個(gè)會(huì)以數(shù)組的形式返回
// var organizationId = document.all["organizationId"];
// alert(organizationId[0].value)
// document.all["organizationId"]
// document.all.item("organizationId")
}
//-->
</SCRIPT>
您可能感興趣的文章:
- Javascript中獲取對象的原型對象的方法小結(jié)
- JavaScript獲取flash對象與網(wǎng)上的有所不同
- javascript獲取函數(shù)名稱、函數(shù)參數(shù)、對象屬性名稱的代碼實(shí)例
- javascript客戶端遍歷控件與獲取父容器對象示例代碼
- javascript獲取鼠標(biāo)點(diǎn)擊元素對象(示例代碼)
- JavaScript中獲取未知對象屬性的代碼
- javascript,php獲取函數(shù)參數(shù)對象的代碼
- JavaScript 獲取事件對象的注意點(diǎn)
- javascript中獲取選中對象的類型
- JavaScript獲得指定對象大小的方法
相關(guān)文章
javascript 刪除數(shù)組中重復(fù)項(xiàng)(uniq)
巧妙去除數(shù)組中的重復(fù)項(xiàng)的方法參考,需要的朋友可以參考下。2010-01-01js實(shí)現(xiàn)簡單的倒計(jì)時(shí)
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)簡單的倒計(jì)時(shí),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-01-01JS如何實(shí)現(xiàn)在頁面上快速定位(錨點(diǎn)跳轉(zhuǎn)問題)
本篇文章主要介紹了JS如何實(shí)現(xiàn)在頁面上快速定位(錨點(diǎn)跳轉(zhuǎn)問題),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-08-08JS獲取checkbox的個(gè)數(shù)簡單實(shí)例
下面小編就為大家?guī)硪黄狫S獲取checkbox的個(gè)數(shù)簡單實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08JavaScript實(shí)現(xiàn)一個(gè)簡單的圣誕游戲
圣誕節(jié)即將來臨,大家都在發(fā)圣誕樹,小編今天就為大家介紹一個(gè)基于JavaScript實(shí)現(xiàn)的圣誕小游戲,文中的示例代碼簡單易懂,感興趣的可以學(xué)習(xí)一下2021-12-12基于js實(shí)現(xiàn)的限制文本框只可以輸入數(shù)字
本文主要介紹了js限制文本框只可以輸入數(shù)字的實(shí)例代碼,可復(fù)制直接調(diào)用函數(shù)實(shí)現(xiàn)其功能。需要的朋友可以看下2016-12-12js寫一個(gè)彈出層并鎖屏效果實(shí)現(xiàn)代碼
js實(shí)現(xiàn)一個(gè)彈出層并鎖屏效果是每一網(wǎng)友所期望的效果,于是搜集整理一番,把代碼曬出來和大家分享2012-12-12