dom基本获取 标签文本操作

 // 总结:

        // 1, 通过id属性值,获取标签对象

        //    document.getElementById() 

        //    一个标签对象

        // 2, 通过标签名称,获取标签对象

        //    document.getElementsByTagName()

        //    一定是一个伪数组

        //    使用for...in循环,会有多余的伪数组方法

        //    不能使用forEach循环

        // 3, 通过class属性值,获取标签对象

        //    document.getElementsByClassName()

        //    一定是一个伪数组

        //    使用for...in循环,会有多余的伪数组方法

        //    不能使用forEach循环

        // 4, 通过标签name属性值,获取标签对象

        //    document.getElementsByName()

        //    一定是一个伪数组

        //    可以使用forEach循环

        // 推荐使用方法

        // 问题:低版本IE浏览器不支持

        

        // 5, 支持一切html,css语法方式获取标签对象

        //    只获取第一个匹配条件的标签对象

        //    document.querySelector()

        // 6, 支持一切html,css语法方式获取标签对象

        //    火气所有匹配条件的标签对象

        //    document.querySelectorAll()

        //    支持forEach循环

 

  // DOM操作之标签文本内容操作

        // 标签对象.innerHTML

        //     支持获取和写入标签对象  

        // 标签对象.innerText

        //     不支持获取和写入标签对象  

        //     只支持文本的操作

        // innerHTML 可以解析标签

        // innerText 不能解析标签

        // 操作方法

        // 标签对象.innerHTML             标签对象.innerText           获取内容

        // 标签对象.innerHTML = '字符串'   标签对象.innerText = '字符串' 设定内容

        // innerHTML  和 innerText 执行的都是 全覆盖写入 操作

        // 会以设定的内容,完全覆盖之前的内容

        // document.write() 在原始内容之后,新增内容,不会覆盖之前的内容

        //                  但是只能在整个页面中输出

        // document.write('<h1>我不是不覆盖的内容</h1>')