javascript getElementById 使用方法及用法

2019-11-21 01:32:51

字體：大中小

供稿：網(wǎng)友

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è)比如說(shuō)有個(gè)網(wǎng)頁(yè)中有個(gè)text框的id叫text1
getElementById(text1)就能得到這個(gè)text1框的對(duì)象,并使用text框的所有屬性和方法
這個(gè)是JS的一個(gè)方法，意思是通過(guò)控件ID取得元素的值，如一個(gè)form里包函text、label等，他們都是FORM的元素，有一個(gè)分配的ID，getElementById()是取得這些元素的text值的。
這個(gè)是JS的一個(gè)方法，意思是通過(guò)控件ID取得元素的值，如一個(gè)form里包函text、label等，他們都是FORM的元素，有一個(gè)分配的ID，getElementById()是取得這些元素的text值的。
程序舉例

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

支隊(duì)一個(gè)單元隔進(jìn)行對(duì)齊

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

改變colspan的值

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

上一篇：javascript腳本調(diào)試方法小結(jié)

下一篇：createElement動(dòng)態(tài)創(chuàng)建HTML對(duì)象腳本代碼