返回具有指定 ID 属性值的第一个对象的一个引用。
语法
oElement = document.getElementByIdx_x(sIDValue)
参数
sIDValue 必选项。指明 ID 属性值的字符串
返回值
返回 ID 属性值与指定值相同的第一个对象。
注释
如果 ID 属于一个集合,getElementById 方法返回集合中的第一个对象。
getElementById 方法与使用 all 集合上的 item 方法等同。例如,以下代码样本表示如何从 document对象中取回 ID 为 oDiv 的第一个要素。
使用 DHTML 对象模型:
var ōVDiv = document.body.all.item("oDiv");
使用文档对象模型(DOM):
var ōVDiv = document.getElementByIdx_x("oDiv");
示例
以下例子表示如何使用 getElementById 方法返回 ID 属性值 oDiv 的第一次出现。
<scrīpt>
function fnGetId(){
// Returns the first DIV element in thecollection.
varōVDiv=document.getElementByIdx_x("oDiv1");
}
</scrīpt>
<DIV ID="oDiv1">Div#1</DIV>
<DIV ID="oDiv2">Div#2</DIV>
<DIV ID="oDiv3">Div#3</DIV>
<INPUT TYPE="button" VALUE="Get Names"ōnclick="fnGetId()">.................................................比如说有个网页中有个text框的id叫text1
getElementById(text1)就能得到这个text1框的对象,并使用text框的所有属性和方法.....................................................................这个是JS的一个方法,意思是通过控件ID取得元素的值,如一个form里包函text、label等,他们都是FORM的元素,有一个分配的ID,getElementById()是取得这些元素的text值的。............................................................................document.formname.name.value
![getElementByid的用法 getelementbyid](http://img.aihuau.com/images/01111101/01042939t01ad55dd0e4ff67fdc.jpg)
document.getElementByIdx_x("name");这两个话的意思一样..................................................................................
程序举例<html>
<head>
<scrīpt type="text/javascrīpt">
function alignRow()
{
var x=document.getElementByIdx_x('myTable').rows
x[0].align="right"
}
</scrīpt>
</head><body>
<table width="60%" id="myTable"border="1">
<tr>
<td>行1单元格1</td>
<td>行1单元格2</td>
</tr>
<tr>
<td>行2单元格1</td>
<td>行2单元格2</td>
</tr>
<tr>
<td>行3单元格1</td>
<td>行3单元格2</td>
</tr>
</table>
<form>
<input type="button" ōnclick="alignRow()"value="右对齐第一行文字">
</form>
</body></html>...................................................................支队一个单元隔进行对齐<html>
<head>
<scrīpt type="text/javascrīpt">
function alignCell()
{
var x=document.getElementByIdx_x('myTable').rows[0].cells
x[0].align="center"
}
</scrīpt>
</head><body>
<table id="myTable" border="1"width="100%">
<tr>
<td>单元格1</td>
<td>单元格2</td>
</tr>
<tr>
<td>单元格3</td>
<td>单元格4</td>
</tr>
</table>
<form>
<input type="button" ōnclick="alignCell()"value="居中对齐第一个单元格的内容">
</form>
</body></html>...........................................................改变colspan的值<html>
<head>
<scrīpt type="text/javascrīpt">
function setColSpan()
{
var x=document.getElementByIdx_x('myTable').rows[0].cells
x[0].colSpan="2"
x[1].colSpan="6"
}
</scrīpt>
</head><body>
<table id="myTable" border="1">
<tr>
<tdcolspan="4">单元格1</td>
<tdcolspan="4">单元格2</td>
</tr>
<tr>
<td>单元格3</td>
<td>单元格4</td>
<td>单元格5</td>
<td>单元格6</td>
<td>单元格7</td>
<td>单元格8</td>
<td>单元格9</td>
<td>单元格10</td>
</tr>
</table>
<form>
<input type="button" ōnclick="setColSpan()"value="改变colspan值">
</form>
</body></html>