javascript getElementById 使用方法及用法
更新時(shí)間:2008年11月24日 21:00:16 作者:
顧明思義,get-Element-By-Id,就是通過ID來設(shè)置/返回HTML標(biāo)簽的屬性及調(diào)用其事件與方法。用這個(gè)方法基本上可以控制頁(yè)面所有標(biāo)簽,條件很簡(jiǎn)單就是給每個(gè)標(biāo)簽分配一個(gè)ID號(hào)
document.getElementById("link").href;
document.getElementById("link").target;
document.getElementById("img").src;
document.getElementById("img").width;
document.getElementById("img").height;
document.getElementById("input").value;
那么如何取得<div></div>以及<a></a>之間的值呢?如<div id="div">aaa</div>中的aaa,<a href="#" id="link">bbb</a>中的bbb,也很簡(jiǎn)單,利用innerHTML就可以了:
document.getElementById("div").innerHTML;
document.getElementById("link").innerHTML;
getElementById 方法
返回具有指定 ID 屬性值的第一個(gè)對(duì)象的一個(gè)引用。
語(yǔ)法
oElement = document.getElementById(sIDValue)
參數(shù)
sIDValue 必選項(xiàng)。指明 ID 屬性值的字符串
返回值
返回 ID 屬性值與指定值相同的第一個(gè)對(duì)象。
注釋
如果 ID 屬于一個(gè)集合,getElementById 方法返回集合中的第一個(gè)對(duì)象。
getElementById 方法與使用 all 集合上的 item 方法等同。例如,以下代碼樣本表示如何從 document 對(duì)象中取回 ID 為 oDiv 的第一個(gè)要素。
使用 DHTML 對(duì)象模型:
var oVDiv = document.body.all.item("oDiv");
使用文檔對(duì)象模型(DOM):
var oVDiv = document.getElementById("oDiv");
示例
以下例子表示如何使用 getElementById 方法返回 ID 屬性值 oDiv 的第一次出現(xiàn)。
<script>
function fnGetId(){
// Returns the first DIV element in the collection.
var oVDiv=document.getElementById("oDiv1");
}
</script>
<DIV ID="oDiv1">Div #1</DIV>
<DIV ID="oDiv2">Div #2</DIV>
<DIV ID="oDiv3">Div #3</DIV>
<INPUT TYPE="button" VALUE="Get Names" onclick="fnGetId()">
getElementById 方法
返回具有指定 ID 屬性值的第一個(gè)比如說有個(gè)網(wǎng)頁(yè)中有個(gè)text框的id叫text1
getElementById(text1)就能得到這個(gè)text1框的對(duì)象,并使用text框的所有屬性和方法
這個(gè)是JS的一個(gè)方法,意思是通過控件ID取得元素的值,如一個(gè)form里包函text、label等,他們都是FORM的元素,有一個(gè)分配的ID,getElementById()是取得這些元素的text值的。
這個(gè)是JS的一個(gè)方法,意思是通過控件ID取得元素的值,如一個(gè)form里包函text、label等,他們都是FORM的元素,有一個(gè)分配的ID,getElementById()是取得這些元素的text值的。
程序舉例
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
支隊(duì)一個(gè)單元隔進(jìn)行對(duì)齊
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
改變colspan的值
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
document.getElementById("link").target;
document.getElementById("img").src;
document.getElementById("img").width;
document.getElementById("img").height;
document.getElementById("input").value;
那么如何取得<div></div>以及<a></a>之間的值呢?如<div id="div">aaa</div>中的aaa,<a href="#" id="link">bbb</a>中的bbb,也很簡(jiǎn)單,利用innerHTML就可以了:
document.getElementById("div").innerHTML;
document.getElementById("link").innerHTML;
getElementById 方法
返回具有指定 ID 屬性值的第一個(gè)對(duì)象的一個(gè)引用。
語(yǔ)法
oElement = document.getElementById(sIDValue)
參數(shù)
sIDValue 必選項(xiàng)。指明 ID 屬性值的字符串
返回值
返回 ID 屬性值與指定值相同的第一個(gè)對(duì)象。
注釋
如果 ID 屬于一個(gè)集合,getElementById 方法返回集合中的第一個(gè)對(duì)象。
getElementById 方法與使用 all 集合上的 item 方法等同。例如,以下代碼樣本表示如何從 document 對(duì)象中取回 ID 為 oDiv 的第一個(gè)要素。
使用 DHTML 對(duì)象模型:
var oVDiv = document.body.all.item("oDiv");
使用文檔對(duì)象模型(DOM):
var oVDiv = document.getElementById("oDiv");
示例
以下例子表示如何使用 getElementById 方法返回 ID 屬性值 oDiv 的第一次出現(xiàn)。
<script>
function fnGetId(){
// Returns the first DIV element in the collection.
var oVDiv=document.getElementById("oDiv1");
}
</script>
<DIV ID="oDiv1">Div #1</DIV>
<DIV ID="oDiv2">Div #2</DIV>
<DIV ID="oDiv3">Div #3</DIV>
<INPUT TYPE="button" VALUE="Get Names" onclick="fnGetId()">
getElementById 方法
返回具有指定 ID 屬性值的第一個(gè)比如說有個(gè)網(wǎng)頁(yè)中有個(gè)text框的id叫text1
getElementById(text1)就能得到這個(gè)text1框的對(duì)象,并使用text框的所有屬性和方法
這個(gè)是JS的一個(gè)方法,意思是通過控件ID取得元素的值,如一個(gè)form里包函text、label等,他們都是FORM的元素,有一個(gè)分配的ID,getElementById()是取得這些元素的text值的。
這個(gè)是JS的一個(gè)方法,意思是通過控件ID取得元素的值,如一個(gè)form里包函text、label等,他們都是FORM的元素,有一個(gè)分配的ID,getElementById()是取得這些元素的text值的。
程序舉例
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
支隊(duì)一個(gè)單元隔進(jìn)行對(duì)齊
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
改變colspan的值
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
您可能感興趣的文章:
- js中document.getElementById(id)的具體用法
- javascript typeof id===''string''?document.getElementById(id):id解釋
- 原生js操作checkbox用document.getElementById實(shí)現(xiàn)
- js querySelector和getElementById通過id獲取元素的區(qū)別
- getElementByIdx_x js自定義getElementById函數(shù)
- js中document.getElementByid、document.all和document.layers區(qū)分介紹
- JavaScript中也使用$美元符號(hào)來代替document.getElementById
- javascript代碼在ie8里報(bào)錯(cuò) document.getElementById(...) 為空或不是對(duì)象的解決方法
- js中的getElementById的使用方法
相關(guān)文章
JavaScript轉(zhuǎn)換農(nóng)歷類實(shí)現(xiàn)及調(diào)用方法
農(nóng)歷是日常生活中不可或缺的一部分,它與人類的生活息息相關(guān),從某種程度上說,它一直伴隨著我們,今天的任務(wù)是JavaScript轉(zhuǎn)換農(nóng)歷類的實(shí)現(xiàn),感興趣的你可以千萬不要錯(cuò)過,希望本文對(duì)你有所幫助2013-01-01
詳細(xì)教你微信公眾號(hào)正文頁(yè)SVG交互開發(fā)技巧
這篇文章主要介紹了詳細(xì)教你微信公眾號(hào)正文頁(yè)SVG交互開發(fā)技巧,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07
Add a Formatted Table to a Word Document
Add a Formatted Table to a Word Document...2007-06-06
javascript之querySelector和querySelectorAll使用介紹
其實(shí)關(guān)于querySelector和querySelectorAll的介紹說明很多。在此主要是做個(gè)記錄2011-12-12
JS控制div跳轉(zhuǎn)到指定的位置的幾種解決方案總結(jié)
這篇文章主要介紹了JS控制div跳轉(zhuǎn)到指定的位置的幾種解決方案總結(jié),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。2016-11-11
js使用xml數(shù)據(jù)載體實(shí)現(xiàn)城市省份二級(jí)聯(lián)動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了js使用xml數(shù)據(jù)載體實(shí)現(xiàn)城市省份二級(jí)聯(lián)動(dòng)效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-11-11

