//1.根据id
    let idHtml = document.getElementById("Id值");
    //发方法返回一个对象，id值唯一


    idHtml.innerHTML
    idHtml.innerText
    //获取标签中的内容

    idHtml.innerHTML = "内容";
    //修改HTML标签种的内容，识别标签
    //idHtml.innerHTML = “<p>这是一个标签</p>”

    idHtml.innerText = "内容";
    //修改HTML标签种的内容，不识别标签-会把标签都当做文本

//2.根据元素标签
    let tagList = document.getElementsByTagName("标签名称");
    //返回节点集合对象 nodeList 可以作为只读数组处理-(可以用数组的方式，获得某个节点)
    //tagList.length 获得该集合该元素的个数
    //存放顺序为原文档中的书写循序


    let tagOne = tagList[0];
    //获取当前标签的第一个元素节点

    let tagOne = document.getElementsByTagName("标签名称")[0];
    //上述的简写

    let tagOne = document.getElementsByTagName("标签名称1")[0]
                            .getElementsByTagName("标签名称2")[0];
    //找到标签1下边的标签2元素
    //操作标签中内容同id查找

//3.根据name属性的值
    let nameList = document.getElementsByName("name属性的值");
    //根据元素name属性的值来获取元素对象的集合
    //用法类似 根据元素标签(2)寻找元素
    //注意!!!!该方法主要针对表单元素来使用
    //对于表单元素 name是自身属性 对于非表单元素来说 name是自定义属性
    //对于IE浏览器有区别，Google、火狐没区别

//4.根据Class属性的值--推荐使用，但它具有兼容性(IE不支持)
    let classList = document.getElementsByClassName("name属性的值");
    //根据元素Class属性的值来获取元素对象的集合
    //用法类似 根据元素标签(2)寻找元素

//兼容函数-以根据Class属性查询为例
    function MyGetElementsByClassName(clazzName){
        var classList = [];
        //document.all IE支持该属性
        //是IE则有值为true，不是IE则无值为false
        if(document.all){
            var objList = document.getElementsByTagName("*");
            for(var obj of objList){
                if(obj.className == clazzName)
                    classList.push(obj);
            }
        }else{
            classList = document.getElementsByClassName(clazzName);
        }
        return classList;
    }