getElementByid的用法 getelementbyid
返回具有指定 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
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>
更多阅读
眼线膏的用法画出迷人眼线 美宝莲眼线膏
眼线膏的用法画出迷人眼线——简介美眉们一般都习惯用眼线笔来画眼线,今天小编要在这里教大家如何用眼线膏来描画眼线,步骤很简单,想要画好眼妆的美眉们,赶紧准备好工具,跟小编一起来学习吧!眼线膏的用法画出迷人眼线——工具/原料
护发素的用法 护发素发膜的正确用法
护发素的用法——简介护发素可以为头发提供一层保护,或许就因此得名了吧。比起洗发用品,护发素能够令头发看起来更自然和健康。 下面来介绍一下护发素的用法供参考。 护发素的用法——工具/原料护发素护发素的用法——方法/步骤护发
各种化妆刷的用法 如何使用彩妆
各种化妆刷的用法——简介来了解各种化妆刷的用法吧各种化妆刷的用法——方法/步骤各种化妆刷的用法 1、用平头眼影刷沾取少量眼影,从睫毛根部开始徐徐向上淡开,注意层次过渡均匀,刚开始训练以清淡为宜。(精选动物毛的扁平轻薄的刷头可
卫生棉条的用法 短导管卫生棉条的用法
卫生棉条的用法——简介卫生棉棉条,有称卫生栓,简称棉条,是一种棉质的圆柱体,在女性月经来潮时,可置入阴道中吸收经血。一个卫生棉条使用用者,一生中使用的卫生棉条可能超过10,000个。卫生棉条为众多女性提供了极大的便利,但是你知道卫生棉
Excel中sumif和sumifs函数进行条件求和的用法 sumifs多个条件求和
Excel中sumif和sumifs函数进行条件求和的用法——简介sumif和sumifs函数是Excel2007版本以后新增的函数,功能十分强大,实用性很强,本文介绍下Excel中通过用sumif和sumifs函数的条件求和应用,并对函数进行解释,希望大家能够掌握使用技巧。