document对象详解

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script>
    //通过id来获取对象
    function test(){
        var a1=document.getElementById("a2");
        //如果要取出某个属性
        window.alert(a1.id+" "+a1.href+" "+a1.innerText);
    }
    //通过name来获取对象 getElementByName
    //通过标签来获取对象 getElementByTagName
  </script>
 </HEAD>

 <BODY>
  <a href="http://www.sina.com.cn" id="a1">连接到新浪</a><br/>
  <a href="http://www.baidu.com" id="a2">连接到百度</a><br/>
  <a href="http://www.qq.com" id="a3">连接到腾讯</a><br/>
  <input type="button" value="测试" onclick="test()"/><br/>
  请选择您的爱好：
  <input type="checkbox" name="hobby" value="旅游"/>旅游
  <input type="checkbox" name="hobby" value="音乐"/>听音乐
  <input type="checkbox" name="hobby" value="体育"/>体育
  <input type="checkbox" name="hobby" value="电影"/>电影

   </BODY>
</HTML>