js中getElementById（）⽤法
dom标准⾥⾯的
获取当前⽂档中指定id的元素
if (ElementById("regjm").value != ElementById("regjm1").value ) {
alert("提⽰：请输⼊有效的认证码");
return false;
}
例如:
<script>
function get()
{
ElementById("Addr").value=="")
{
alert("null");
}
else
{
ElementById("Addr").value);
}
}
</script>
<head>
<input type="text" id="Addr" value="">
<input type="button" value="click" onclick="get();">
顾明思义，get-Element-By-Id，就是通过ID来设置/返回HTML标签的属性及调⽤其事件与⽅法。⽤这个⽅法基本上可以控制页⾯所有标签，条件很简单就是给每个标签分配⼀个ID号
那么如何取得<div></div>以及<a></a>之间的值呢？如<div id="div">aaa</div>中的aaa，<a href="#" id="link">bbb</a>中的bbb，也很简单，利⽤innerHTML 就可以了：
getElementById ⽅法
返回具有指定 ID 属性值的第⼀个对象的⼀个引⽤。
语法
oElement = ElementById(sIDValue)
参数
sIDValue 必选项。指明 ID 属性值的字符串
返回值
返回 ID 属性值与指定值相同的第⼀个对象。
注释
如果 ID 属于⼀个集合，getElementById ⽅法返回集合中的第⼀个对象。
getElementById ⽅法与使⽤ all 集合上的 item ⽅法等同。例如，以下代码样本表⽰如何从 document 对象中取回 ID 为 oDiv 的第⼀个要素。
使⽤ DHTML 对象模型：
var oVDiv = document.body.all.item("oDiv");
使⽤⽂档对象模型(DOM)：
var oVDiv = ElementById("oDiv");
⽰例
以下例⼦表⽰如何使⽤ getElementById ⽅法返回 ID 属性值 oDiv 的第⼀次出现。
<script>
function fnGetId(){
// Returns the first DIV element in the collection.
var ElementById("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 属性值的第⼀个⽐如说有个⽹页中有个text框的id叫text1
getElementById(text1)就能得到这个text1框的对象，并使⽤text框的所有属性和⽅法
这个是JS的⼀个⽅法，意思是通过控件ID取得元素的值，如⼀个form⾥包函text、label等，他们都是FORM的元素，有⼀个分配的ID，getElementById()是取得这些元素的text值的。
这个是JS的⼀个⽅法，意思是通过控件ID取得元素的值，如⼀个form⾥包函text、label等，他们都是FORM的元素，有⼀个分配的ID，getElementById()是取得
这些元素的text值的。
程序举例
<html>
<head>
<script type="text/javascript">
function alignRow()
{
var ElementById('myTable').rows
x[0].align="right"
}
</script>
</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" onclick="alignRow()" value="右对齐第⼀⾏⽂字">
</form>
</body>
</html>
⽀队⼀个单元隔进⾏对齐
<html>
<head>
<script type="text/javascript">
function alignCell()
{
var ElementById('myTable').rows[0].cells
x[0].align="center"
}
</script>
</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" onclick="alignCell()" value="居中对齐第⼀个单元格的内容"> </form>
</body>
</html>
改变colspan的值
<html>
<head>
<script type="text/javascript">
function setColSpan()
{
var ElementById('myTable').rows[0].cells
x[0].colSpan="2"
x[1].colSpan="6"
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td colspan="4">单元格1</td>
<td colspan="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" onclick="setColSpan()" value="改变colspan值">
</form>
</body>
</html>
需要注意的：
ElementById(" ") 得到的是⼀个对象，⽤alert显⽰得到的是⼀个“object”，⽽不是具体的值，它有value和length属性，加上".value"得到的才是具体的值！
A.语法：
oElement = document . getElementById ( "sID" ) ;
参数：其中sID：必选项，类型为字符串 (String) 。返回值：oElement ：对象 (Element) 。
说明：
根据指定的 id 属性值得到对象。返回 id 属性值等于 sID 的第⼀个对象的引⽤。假如对应的为⼀组对象，则返回该组对象中的第⼀个。如果⽆符合条件的对象，则返回 null 。
B.例⼦：
text1：
<input name="textName1" type="text" id="textName2" />
<br>
text2：
<input name="textName2" type="text" id="textName1" />
<br>
<input type="button" name="Submit" value="text1"  onclick=ElementById('textName2').value) />
<input type="button" name="Submit2" value="text2"  onclick=ElementById('textName1').value) />
在第⼀个⽂本框中输⼊1，在第⼆个⽂本框中输⼊2，然后点下⾯的两个按钮，猜⼀下结果是什么？
我本意是按钮1返回第⼀个⽂本框的值，按钮2返回个⽂本框的值。结果是两个按钮都返回了第⼀个⽂本框的值。C.注意：
说明ie执⾏ElementById(elementName)的时候，并不是按照ID来查的。在IE中getElementById 先name。
在fireFox中不存在这样的问题，fireFox执⾏ElementById(elementName)的时候只查id等于elementName的对象，如果不存在则返回null。可能IE是考虑的兼容性的问题才这么做的。
html document是什么focus
使得元素得到焦点并执⾏由 onfocus 事件指定的代码。
getElementById
获取对 ID 标签属性为指定值的第⼀个对象的引⽤。
getElementsByName
根据 NAME 标签属性的值获取对象的集合。
getElementsByTagName
获取基于指定元素名称的对象集合。
prototype.js⾥提倡的⼀个⽅法就是使⽤$()简写，通过以下的函数，你可以⽤$('id')来实现ElementById('id') 这个功能。
function $()
{
var elements = new Array();
for (var i = 0; i < arguments.length; i++) {
var element = arguments[i];
if (typeof element == 'string')
element = ElementById(element);
if (arguments.length == 1)
return element;
elements.push(element);
}
return elements;
}
如果你想它提交⼀个带多个id的数组后，他也会向你返回多个元素的Array！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。