getElementByid的用法 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
getElementByid的用法 getelementbyid
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>

  

爱华网本文地址 » http://www.aihuau.com/a/25101015/274891.html

更多阅读

眼线膏的用法画出迷人眼线 美宝莲眼线膏

眼线膏的用法画出迷人眼线——简介美眉们一般都习惯用眼线笔来画眼线,今天小编要在这里教大家如何用眼线膏来描画眼线,步骤很简单,想要画好眼妆的美眉们,赶紧准备好工具,跟小编一起来学习吧!眼线膏的用法画出迷人眼线——工具/原料

护发素的用法 护发素发膜的正确用法

护发素的用法——简介护发素可以为头发提供一层保护,或许就因此得名了吧。比起洗发用品,护发素能够令头发看起来更自然和健康。 下面来介绍一下护发素的用法供参考。 护发素的用法——工具/原料护发素护发素的用法——方法/步骤护发

各种化妆刷的用法 如何使用彩妆

各种化妆刷的用法——简介来了解各种化妆刷的用法吧各种化妆刷的用法——方法/步骤各种化妆刷的用法 1、用平头眼影刷沾取少量眼影,从睫毛根部开始徐徐向上淡开,注意层次过渡均匀,刚开始训练以清淡为宜。(精选动物毛的扁平轻薄的刷头可

卫生棉条的用法 短导管卫生棉条的用法

卫生棉条的用法——简介卫生棉棉条,有称卫生栓,简称棉条,是一种棉质的圆柱体,在女性月经来潮时,可置入阴道中吸收经血。一个卫生棉条使用用者,一生中使用的卫生棉条可能超过10,000个。卫生棉条为众多女性提供了极大的便利,但是你知道卫生棉

声明:《getElementByid的用法 getelementbyid》为网友跳梁小丑分享!如侵犯到您的合法权益请联系我们删除