DOM

DOM是Document Object Model（文档对象模型）。是把html中的各种数据当作对象进行操作的一种思路。
DOM会把所有的html都转换成节点，整个文档是一个节点，元素是节点、元素属性是节点、元素内容是节点、注释也是节点。
例如：

<script>
        function p(s){
            document.write(s);
            document.write("<br/>");
        }
        var div1 = document.getElementById("d1");
        p("文档节点" + document);
        p("元素节点" + div1);
        p("属性节点" + div1.attributes[0]);
        p("内容节点" + div1.childNodes[0]);
    </script>

获取DOM节点：
document.getElementById():通过id获取元素节点
document.getElementsByTagName:通过标签名称获取元素节点
document.getElementsByClassName():通过类名获取元素节点
document.getElementsByName():通过表单元素的name属性获取元素节点
获取属性节点：attributes
获取内容节点：childNodes
例如：

<script>
        function p(s){
            document.write(s);
            document.write("<br/>");
        }
        var div1 = document.getElementById("d1");
        p("文档节点" + document);
        p("元素节点" + div1);
        p("属性节点" + div1.attributes[0]);
        p("内容节点" + div1.childNodes[0]);
    </script>