欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript getElementById 使用方法及用法

 更新時間:2008年11月24日 21:00:16   作者:  
顧明思義,get-Element-By-Id,就是通過ID來設(shè)置/返回HTML標(biāo)簽的屬性及調(diào)用其事件與方法。用這個方法基本上可以控制頁面所有標(biāo)簽,條件很簡單就是給每個標(biāo)簽分配一個ID號
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,也很簡單,利用innerHTML就可以了:
document.getElementById("div").innerHTML;
document.getElementById("link").innerHTML;
getElementById 方法
返回具有指定 ID 屬性值的第一個對象的一個引用。
語法
oElement = document.getElementById(sIDValue)
參數(shù)
sIDValue 必選項。指明 ID 屬性值的字符串
返回值
返回 ID 屬性值與指定值相同的第一個對象。
注釋
如果 ID 屬于一個集合,getElementById 方法返回集合中的第一個對象。
getElementById 方法與使用 all 集合上的 item 方法等同。例如,以下代碼樣本表示如何從 document 對象中取回 ID 為 oDiv 的第一個要素。
使用 DHTML 對象模型:
var oVDiv = document.body.all.item("oDiv");
使用文檔對象模型(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 屬性值的第一個比如說有個網(wǎng)頁中有個text框的id叫text1
getElementById(text1)就能得到這個text1框的對象,并使用text框的所有屬性和方法
這個是JS的一個方法,意思是通過控件ID取得元素的值,如一個form里包函text、label等,他們都是FORM的元素,有一個分配的ID,getElementById()是取得這些元素的text值的。
這個是JS的一個方法,意思是通過控件ID取得元素的值,如一個form里包函text、label等,他們都是FORM的元素,有一個分配的ID,getElementById()是取得這些元素的text值的。
程序舉例 

[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]

支隊一個單元隔進行對齊 

[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]

改變colspan的值

[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]

相關(guān)文章

  • JavaScript實現(xiàn)滑動門效果

    JavaScript實現(xiàn)滑動門效果

    這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)滑動門效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-01-01
  • JavaScript實現(xiàn)使用Canvas繪制圖形的基本教程

    JavaScript實現(xiàn)使用Canvas繪制圖形的基本教程

    本篇文章主要介紹了JavaScript實現(xiàn)使用Canvas繪制圖形的基本教程,具有一定的參考價值,感興趣的小伙伴們可以參考一下。
    2016-10-10
  • 小程序原生實現(xiàn)左滑抽屜菜單

    小程序原生實現(xiàn)左滑抽屜菜單

    在移動端,側(cè)滑菜單是一個很常用的組件,本文就詳細(xì)的介紹小程序原生實現(xiàn)左滑抽屜菜單,具有一定的參考價值,感興趣的可以了解一下
    2021-07-07
  • JS獲取鼠標(biāo)坐標(biāo)位置實例分析

    JS獲取鼠標(biāo)坐標(biāo)位置實例分析

    這篇文章主要介紹了JS獲取鼠標(biāo)坐標(biāo)位置的方法,結(jié)合實例形式分析了JavaScript常見的獲取鼠標(biāo)頁面、屏幕等坐標(biāo)位置的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2016-01-01
  • 基于Electron實現(xiàn)桌面應(yīng)用開發(fā)代碼實例

    基于Electron實現(xiàn)桌面應(yīng)用開發(fā)代碼實例

    這篇文章主要介紹了基于Electron實現(xiàn)桌面應(yīng)用開發(fā)代碼實例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2020-07-07
  • JavaScript如何實現(xiàn)在文本框(密碼框)輸入提示語

    JavaScript如何實現(xiàn)在文本框(密碼框)輸入提示語

    為了更好的達(dá)到用戶體驗度,我們在登錄表單時會有一些提示語言,比如說:“請輸入用戶名”和“請輸入密碼”等語言,下面小編通過本篇文章給大家分享JavaScript如何實現(xiàn)在密碼框中出現(xiàn)提示語,對js密碼框提示語相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧
    2015-12-12
  • 淺析Js中的單引號與雙引號問題

    淺析Js中的單引號與雙引號問題

    本文是對Js中單引號與雙引號的使用進行了總結(jié)介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2013-11-11
  • JS獲取URL中參數(shù)值(QueryString)的4種方法分享

    JS獲取URL中參數(shù)值(QueryString)的4種方法分享

    今天碰到要在一個頁面獲取另外一個頁面url傳過來的參數(shù),一開始很本能的想到了用 split("?")這樣一步步的分解出需要的參數(shù)。后來想了一下,肯定會有更加簡單的方法的!所以在網(wǎng)上找到了幾個很又簡單實用的方法,mark下。
    2014-04-04
  • Javascript 檢測、添加、移除樣式(className)函數(shù)代碼

    Javascript 檢測、添加、移除樣式(className)函數(shù)代碼

    在前臺腳本中,我們經(jīng)常要操作頁面元素的樣式,比如標(biāo)簽頁切換時,將當(dāng)前標(biāo)簽加上一個樣式,當(dāng)切換到其他標(biāo)簽時,再將樣式還原,本文介紹的是直接添加和移除 className 的方法。
    2009-09-09
  • assert()函數(shù)用法總結(jié)(推薦)

    assert()函數(shù)用法總結(jié)(推薦)

    assert的作用是現(xiàn)計算表達(dá)式 expression ,如果其值為假(即為0),那么它先向stderr打印一條出錯信息,然后通過調(diào)用 abort 來終止程序運行。這篇文章主要介紹了assert()函數(shù)用法總結(jié),需要的的朋友參考下
    2017-01-01

最新評論