getElementById属性,指的就是通过ID来设置/返回HTML标签的属性及调用的方法。
用此方法基本上可以控制页面所有标签,前提条件是首先给网页中的每个标签分配一个ID号,这样才能引用到标签对象本身。
如下的举例引用。
getElementById 属性
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">dzwebs</div>中的dzwebs,<a href="#" id="link">dz37w</a>中的dz37w,也很简单,利用innerHTML就可以了:
document.getElementById("div").innerHTML;
document.getElementById("link").innerHTML;
getElementById 语法
返回具有指定 ID 属性值的第一个对象的一个引用。
语法
oElement = document.getElementById(sIDValue)
参数
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 实例
以下例子表示如何使用 getElementById 方法返回 ID 属性值 oDiv 的第一次出现。
<script>
function fnGetId(){
// Returns the first DIV element in the collection.
var oVDiv=document.getElementById("oDiv1");
}
</script>
<DIV ID="oDiv1">Div1</DIV>
<DIV ID="oDiv2">Div 2</DIV>
<DIV ID="oDiv3">Div3</DIV>
<INPUT TYPE="button" VALUE="Get Names" onclick="fnGetId()">