<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>

    <!--     
        描述：文档对象模型(document object model)
        
        document:代表整个页面的dom树
        
        属性：
            forms : 页面中所有的form表单（数组）
            all:所有的元素
            images:所有的img
            
        方法：
        显示时间：span,不断地修改span中的内容。
            找元素：
            getElementById(id) : 根据id找元素
            getElementsByName(name) : 根据name属性找元素
            getElementsByTagName(tagName) : 根据标签名找元素
    -->

    <body>
        <form id="form1"></form>
        <form id="form2"></form>
        <form id="form3"></form>

        <a id="a1" href="http://www.baidu.com"></a>
        <a id="a2" href="http://www.sina.com"></a>
        <a id="a3" href="http://www.baidu.com"></a>

        <script type="text/javascript">
            var node1 = document.getElementById("a1");
            //alert(node1.href);
        </script>

        <script type="text/javascript">
            //document.forms 文档中所有的form表单：数组
            var formarr = document.forms;
            document.write(formarr.length);
            document.write("<br/>");

            for(var i = 0; i < formarr.length; i++) {
                document.write(formarr[i].id);
                document.write("<br/>");
            }

            document.write("整个页面有：" + document.all.length + "个元素");
        </script>
        
    </body>

</html>