getElementById是通过Id来设置/返回HTML标签的属性及调用其事件与方法。用这个方法基本上可以控制页面所有标签，条件很简单，就是给每个标签分配一个ID号。
返回具有指定ID属性值的第一个对象的一个引用。
语法：
Element = document.getElementByIdx_x_x(“id”)
获得ID值=id的所有属性和方法
JS中经常使用它通过控件ID取得元素的值，如一个form里包含text、label等，他们都是FORM的元素，有一个分配的ID，getElementById()是取得这些元素的text值的。
实例1：
<html>
<head>
</head>
<body>
<input id="inTag" name="inName" value="bijian" type="text" />
<input type="submit" value="获取值" onClick="getValue()"/>
</body>
<script language="javascript">
window.onload = function run(){
var inTag = document.getElementByIdx_x("inTag");
inTag.value = "hello!";
}
function getValue() {
var inTag = document.getElementByIdx_x("inTag");
alert(inTag.value);
}
</script>
</html>
实例2：
<html>
<head>
<title>getElementById</title>
</head>
<body>
<a id="mr" href="http://www.baidu.com/">百度</a>
<form name="myform">
<input type="button" value="更换连接" onClick="change()"/>
</form>
</body>
<script language="javascript">
function change() {
document.getElementByIdx_x("mr").innerHTML = "金山123";
document.getElementByIdx_x("mr").href="http://123.duba.net/";
}
</script>
</html>
实例3：
<html>
<head>
<title>getElementById</title>
</head>
<body>
<h1 id="divTest" onmousemove="s()" onmouseout="reset()" align="center">这是一个有感觉的标记</h1>
</body>
<script language="javascript">
function reset() {
var divTest = document.getElementByIdx_x("divTest");
divTest.innerHTML = "这是一个有感觉的标记";
}
function s() {
var divTest = document.getElementByIdx_x("divTest");
divTest.innerHTML = "老鼠来了";
}
</script>
</html>
实例4：
<html>
<head>
<title>getElementById4</title>
</head>
<body>
<font ID=main_title size=6><b>虚拟网络世界</b></font>
</body>
<script language="javascript">
var n = 0;
function changefontcolor() {
n=n%4;
switch(n) {
case 0:
main_title.color="red";
break;
case 1:
main_title.color="green";
break;
case 2:
main_title.color="blue";
break;
case 3:
main_title.color="yellow";
}
n++;
}
//定时执行函数每秒钟调用changefontcolor()函数一次，改变大标题的颜色
setInterval("changefontcolor()",1000);
</script>
</html>
实例5：
<html>
<head>
<title>getElementById5</title>
</head>
<body onKeypress="showCapture()">
<h1 ID="num" align="center">0000</h1>
</body>
<script language="javascript">
var r;
function showNextNum() {
var m_num=Math.floor(Math.random()*(3000-1000))+1000;
num.innerHTML = m_num;
}
function showCapture() {
clearTimeout(r);
}
r = setInterval("showNextNum()",100);
</script>
</html>
相关推荐
顾明思义，get-Element-By-Id，就是通过ID来设置/返回HTML标签的属性及调用其事件与方法。用这个方法基本上可以控制页面所有标签，条件很简单就是给每个标签分配一个ID号
document.getElementById()对象和使用方法
JavaScript中getElementById方法的使用.pdf
HTML DOM 定义了多种查找元素的方法，除了 getElementById() 之外，还有 getElementsByName() 和 getElementsByTagName()。
当初那种直接访问id的方法，逐渐被document.getElementById所替代。如果这年头还在用id访问元素，要么就是做程序里的内嵌网页，要么就是像铁道部那样的超境界仿古网站：） 当然只要保证你的用户都是用ie访问，这样的...
因为总有新手朋友问这个问题，所以软件开发网小编特整理一下方法需要的朋友。 简单来说：表单用value，插入字符用innerHTML 比如<input type=”text” value=”” id=”jb51″ /> 有value属性的标签才能使用...
超强大的JS表单验证及使用方法教程： 真实姓名只允许中文； 英文名只允许英文字母； 非法的Url； 密码不符合安全规则； 两次输入的密码不一致； 信箱格式不正确； QQ号码不存在； 身份证号码不正确； 电话号码不正确...
jquery与checkbox的checked属性的问题，讲的是控件<input type=”checkbox”>...3、使用document.getElementById(“checkbox_id”).checked获取的值与是否钩上一至，即与所见即所得 4、使用$(“#che
至此，我们已经向大家介绍了两种检索特定元素节点的办法：一种是使用getElementById()方法，另一种是使用getElementsByTagName()方法。在找到那个元素后，我们就可以利用getAttribute()方法把它的各种属性的值查询...
Document.all[]是文档中所有标签组成的一个数组变量，包括了文档对象中所有元素
使用document.getElementById（）在文档中指定id元素，并使用function(){}处理单击该元素时发生的事件。 document.getElementById("button").onclick = function() { // 设置在此处单击#button时要发生的事件 }; ...
无法使用熟悉的$查找、document.getElementById等等这些操作，小程序取而代之的是数据绑定技术，所谓的数据驱动，就是数据改变之后，视图展示跟着自己会变。DOM没了，所以只好频繁的使用this.setData({})来操作页面...
删除表指定行的方法。。。。。。。。。。。。。。。。
showModalDialog和showModelessDialog的用法，彼此之间有什么不同？ 用事例进行说明。 如：对话框赋给父页面的值 步骤一：父页面CS文件Page_load中执行脚本(打开对话框) Button1.Attributes.Add("onclick","window...
定义和用法 getElementsByName() 方法可返回带有指定名称的对象的集合。 语法document.getElementsByName(name) 该方法与 getElementById() 方法相似，但是它查询元素的 name 属性，而不是 id 属性。 另外，因为一个...
无论prototype还是DWR都使用了$代替频繁的document.getElementById()操作。jQuery也这样做了，但是，它的功能远非如此，瞧瞧以下的jQuery代码，你就会发现它的美丽： 代码 var someElement = $("#myId"); 看起来比...
1.使用document.form.action方式 相关源码如下： *.js [javascript] 代码如下: </span> document.getElementById(“sendPerson”).value = SendPerson; document.getElementById(“currentTime”).value = ...
使用方法： 1、把gm.html内置到系统资源里； 2、使用如下代码，即可在webbrowser激活地图； webBrowser1.Navigate("about:blank"); webBrowser1.Document.Write(Properties.Resources.gm); webBrowser1.Refresh()...
使用方法：使用的时候只要在页面上元素中添加onclick，调用funphp100（），并把需要执行和返回信息的页面作为xmlHttp.open第二个参数(路径)，再在页面上添加显示的div，设置好id，在getElementById('').函数调用，...