getElementById 的用法：
顾明思义，get-Element-By-Id，就是通过ID来设置/返回HTML标签的属性及调用其事件与方法。用这个方法基本上可以控制页面所有标签，条件很简单就是给每个标签分配一个ID号
返回具有指定 ID 属性值的第一个对象的一个引用。 
语法 
Element = ElementById(“id”)
获得ID值=id的所有属性和方法 
Js中经常使用它通过控件ID取得元素的值，如一个form里包含text、label等，他们都是FORM的元素，有一个分配的ID，getElementById()是取得这些元素的text值的。 
例子：
　1、　<html>
  <head>
  <title>
  getElementById </title>
  <script language = "javascript">
  function change(){
  ElementById('mr').innerHtml="金山123";
  ElementById('mr').href="123.duba/";
  }
  </script>
  </head>
  <body>
  <a id="mr" href="www.baidu/" >百度</a>
  <form name="myform">
  <input type="button" value="更换连接" onClick="change()" />
  </form>
  </body>
</html> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2、<html xmlns="/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function reset(){
    var divTest = ElementById('divTest');
    divTest.innerHTML = "这是一个有感觉的标记";
}
function s(){
    var divTest = ElementById('divTest');
    divTest.innerHTML = "老鼠来了";
}
</script>
</head>
<body>
    <h1 id="divTest" onmousemove="s()" onmouseout="reset()"  align="center">这是一个有感觉的标记</h1>
</body>
</html>
3、<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
<!--
    var n=0;
    function changefontcolor(){
    n=n%4;
    switch(n){
    case 0:
            lor="red";
            break;
    case 1:
            lor="green";
            break;
    case 2:
            lor="blue";
            break;
    case 3:
            lor="yellow";
script在html中的用法            }
            n++;
            }//定时执行函数每秒钟调用changefontcolor()函数一次,改变大标题的颜
            setInterval("changefontcolor()",1000);
            //-->
            </script>
</head>
<font ID=main_title size=6><b>虚拟网络世界</b></font>
<body>
</body>
</html>
4、<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<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);
    }
    //-->
    </script>
</head>
<body onKeypress="showCapture()">
<h1 ID="num" align="center">0000</h1>
<script language="javascript">
<!--
    r=setInterval("showNextNum()",100);
    //-->
    </script>
</body>
</html>

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