.JavaScript getElementById(" ")详解
2011-02-26 00:30
459 查看
1.document.getElementById(" ") 得到的是一个对象,用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=alert(document.getElementById('textName2').value) />
<input type="button" name="Submit2" value="text2" onclick=alert(document.getElementById('textName1').value) />
在第一个文本框中输入1,在第二个文本框中输入2,然后点下面的两个按钮,猜一下结果是什么?
我本意是按钮1返回第一个文本框的值,按钮2返回个文本框的值。结果是两个按钮都返回了第一个文本框的值。C.注意:
说明ie执行document.getElementById(elementName)的时候,并不是按照ID来查找的。在IE中getElementById 先找name。
在fireFox中不存在这样的问题,fireFox执行document.getElementById(elementName)的时候只查找id等于elementName的对象,如果不存在则返回null。
可能IE是考虑的兼容性的问题才这么做的。
focus
使得元素得到焦点并执行由 onfocus 事件指定的代码。
getElementById
获取对 ID 标签属性为指定值的第一个对象的引用。
getElementsByName
根据 NAME 标签属性的值获取对象的集合。
getElementsByTagName
获取基于指定元素名称的对象集合。
document.getElementById方法简写(js技巧)
prototype.js里提倡的一个方法就是使用$()简写,通过以下的函数,你可以用$('id')来实现document.getElementById('id') 这个功能。
function $()
{
var elements = new Array();
for (var i = 0; i < arguments.length; i++) {
var element = arguments[i];
if (typeof element == 'string')
element = document.getElementById(element);
if (arguments.length == 1)
return element;
elements.push(element);
}
return elements;
}
如果你想它提交一个带多个id的数组后,他也会向你返回多个元素的Array!
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=alert(document.getElementById('textName2').value) />
<input type="button" name="Submit2" value="text2" onclick=alert(document.getElementById('textName1').value) />
在第一个文本框中输入1,在第二个文本框中输入2,然后点下面的两个按钮,猜一下结果是什么?
我本意是按钮1返回第一个文本框的值,按钮2返回个文本框的值。结果是两个按钮都返回了第一个文本框的值。C.注意:
说明ie执行document.getElementById(elementName)的时候,并不是按照ID来查找的。在IE中getElementById 先找name。
在fireFox中不存在这样的问题,fireFox执行document.getElementById(elementName)的时候只查找id等于elementName的对象,如果不存在则返回null。
可能IE是考虑的兼容性的问题才这么做的。
focus
使得元素得到焦点并执行由 onfocus 事件指定的代码。
getElementById
获取对 ID 标签属性为指定值的第一个对象的引用。
getElementsByName
根据 NAME 标签属性的值获取对象的集合。
getElementsByTagName
获取基于指定元素名称的对象集合。
document.getElementById方法简写(js技巧)
prototype.js里提倡的一个方法就是使用$()简写,通过以下的函数,你可以用$('id')来实现document.getElementById('id') 这个功能。
function $()
{
var elements = new Array();
for (var i = 0; i < arguments.length; i++) {
var element = arguments[i];
if (typeof element == 'string')
element = document.getElementById(element);
if (arguments.length == 1)
return element;
elements.push(element);
}
return elements;
}
如果你想它提交一个带多个id的数组后,他也会向你返回多个元素的Array!
相关文章推荐
- jsp页面javascript中用document.getElementById(" ").value无法获取相应text的值
- javascript在html中的加载顺序------为什么window.alert(document.getElementById("time").innerTex)无法弹出对话框
- document.getElementById("baidu") .innerHTML 详解剖析
- JAVASCRIPT:漂浮的广告,status设置,getElementById("id")获取文件名称
- jQuery的$("#id")和document.getElementById("id")的区别
- jquery中的$("#***")和javascript中document.getElementById相互转换
- 一直认为的Jquery中的$("#id")和document.getElementByID("id")是不一样的
- $("#id").html(代码内容) VS document.getElementById("id").innerHTML="代码内容";
- document.getElementById("")和document.getElementsByName()和document.getElementsByTagName()有什么区别
- document.getElementById("billNo")的作用
- document.getElementById("divv").style.display = 'none';
- 母版页导致js 获取不到'document.getElementById("...").value 或 document.all("...").value
- js中null和 document.getElementById("userId")小结
- document.getElementById("parentControl") 根据ID来获取一个控件
- 关于区别docuemnt.write()和document.getELementById().innerHTML=""
- label的Visible="False"时用alert(document.getElementById("aa").innerText);会报错,为什么呢?
- javascript里Dom问题之document.getElementById('xx').innerHTML
- document.getElementById(" ") 为空或不为对象
- 为什么不能直接通过document.getElementById("<%= txtCard.ClientID %>")
- document.getElementById("DIV名").innerHTML = "你要更新的内容"