节点查找与文本内容的更换

.1、不需要查找可直接获取的元素

**
html document.documentElement

    head    document.head

    body     document.body

2、按HTML查找

   1、按id查找

             var elem = document.getElementById("id");   //直接写id名

              强调：1、必须用 document 调用     2、只会返回一个元素

2、按标签名查找多个元素

               var elems = document.getElementsByTagName("标签名");   

               强调：

                      1、可在任意父元素上调用 表示仅查找当前父元素下的后代元素

                      2、不但找直接子元素，且查找所有后代元素

                      3、返回多个元素组成的动态集合

    3、按class属性查找

                 var elems = document.getElementsByClassName("class");

                 强调：

                        1、可在任意父元素上调用

                        2、返回多个元素组成的动态集合

                        3、只要包含指定的类名，就选择改元素 不必完整匹配

                         4、不但找直接子元素，且找所有后代元素

    4、按name属性查找

                     var elems = document.getElementsByName("name");

                     查找拥有 name 属性的表单时才会用name属性查找

                     强调：

                             1、只能用 document 调用

                             2、返回多个元素组成的动态集合

3、按节点关系查找
什么时候用到：如果已经获取了一个元素，想要查找周围元素

     1、父子关系

           child.parentNode      获取一个节点的父节点

           parent.childNodes     获取父节点下的所有直接子节点

           parent.firstChild         获取父节点下的第一个子节点

           parent.lastChild          获取父节点下的最后一个直接子节点

    2、兄弟关系

            elem.nextSibling         获取一个节点相邻的下一个兄弟节点

            elem.previousSibling   获取一个节点相邻的前一个兄弟节点

    问题：会受看不见的空字符的干扰