DOM获取网页元素的方法

DOM：Document Object Model 文档对象模型，是处理可扩展标记语言（HTML或者XML）的标准编程接口

文档：一个页面就是一个文档

元素：页面当中所有的标签都是元素

节点：网页中所有的内容都是节点

 

获取网页元素 :

    1. 根据ID获取 : document.getElementById(id);

        //在此，文档页面时从上往下加载，所以先有标签，所以script标签写到标签下面

        //参数id是大小写敏感的字符串

        //返回的是一个元素对象

        //console.dir 打印返回的元素对象，更好的查看里面的属性和方法

    2. 根据标签名获取 : document.getElementsByTagName(name);

        //返回值是获取过来的元素对象的集合，以伪数组的方式存储

        element.getElementsByTagName();

        //获得元素里面的某些标签

    3. 根据类名返回元素对象集合 (H5新增)

        document.getElementByClassName('类名');

    4. 通过选择器返回指定选择器的第一个元素对象 (H5新增)

        document.querySelector('.类名');

        document.querySelector('#id名');

        document.querySelector('标签名');

    5. document.querySelectorAll(); (H5新增)  

        //返回指定选择器的所有元素对象集合

        //单独操作每一个元素需要遍历数组

        for(var i=0;i<lis.length;i++){

            分别对 lis[i] 进行操作

        }

    6. 获取body元素

        document.body;

    7. 获取html元素

        document.documentElement;