JavaScript基础（5)-(节点的操作)

1.元素节点操作：

           1.1.document.getELementsByClassName("a");兼容IE678；

2.访问元素节点：

          2.1:访问父节点；
                par=标签元素.parentNode;
          2.2:访问下一个兄弟节点；
                var aaa=box.nextElementSibling(火狐，谷歌，ie9+)||box.nextSibling(ie6,7,8);
          2.3:获取上一个兄弟节点：
                var  bbb=box.previousElementSibling(火狐，谷歌，ie9+)||box.previousSibling(ie6,7,8);
          2.4:获取第一个子节点，获取最后一个子节点；
                var  ccc=box.firstElementChild(火狐，谷歌，ie9+)||box.firstChild(ie6,7,8);
        2.5:获取最后一个节点；
                var   ddd=box.lastElementChild(火狐，谷歌，ie9+)||box.lastChild(ie6,7,8);
        2.6:获取所有的子节点；
                （1）childNodes    获取所有的子节点，包括元素节点，属性节点，文本节点，空格节点，（w3c支持）；                    nodeType==1;才是元素节点；
                  nodeType==2;才是属性节点；
                  nodeType==3;才是文本节点；
                （2）children    获取所有的子节点，虽然不是标准属性，但是用的最多，但是在ie6，7，8中包含注释节点；

3.DOM操作

            1.节点的创建；
                document.createElement("字符串")；
              调用者：document     参数：字符串         返回值：标签    功能：创建一个标签；
            2.节点的添加
               父节点. appendChild（）；
              调用者：父节点          参数：元素节点      返回值：无       功能：向父元素的子节点最后添加一个节点；
          3.节点的添加；
              父节点.insertBefore(参数1，参数2)；
              调用者：父节点          参数：参数1新建节点，参数2参考节点（如果要是加入最后的話参数2写为null）       返回值：无        功能：像父元素添加一个节点或者添加一个节点在某某节点前面；
        4.节点的删除
            父节点.removeChild(参数节点)
            调用者：父节点       参数：元素节点     返回值：无      功能：删除父元素下面的子节点
            不知道父级的情况下可以写成，node.parentNode.removeChild(node);
        5.节点的复制
            var   newElement=oldElement.cloneNode();
            调用着：旧的节点     参数：布尔         返回值：复制的节点    功能：复制一个新节点；
            如果参数为true，表示深层复制，复制节点，及自己的子节点，参数为false，表示浅层复制，复制节点本身；

4.节点属性的设置；

          1.getAttribute（名称）；获取属性名称；
          2.setAttribute(属性名，属性值)；  设置标签的属性；
          3.removeAttribute（属性名）； 删除标签属性；

调用者：元素本身 返回值：无

5.if...if...和if....else.....的区别；

            if....else.......  判断第一个条件，判断完了，在判断第二个条件；
            if.....if..........  两个条件都判断；

6.切记！！！！

              在javascript中，=是赋予的意思，==是等于的意思；===是全等的意思；