DOM节点的操作

 创建节点

          document.createElement('标签名')

  删除节点

           父节点.removeChild(子节点)，想要删除指定的元素，一定要找到其父元素

  插入节点

            方式1：

                      父节点.appendChild(子节点)，插在父节点的最末尾

             方式2：

                       父节点.insertBefore(新的子节点，作为参考的子节点)，插在父节点指定的位置

     克隆节点

             要复制的节点.cloneNode()，当括号里面为空时，默认是false，则是浅拷贝，不会克隆标签内的内容，为true时，是深拷贝,会将里面的内容一起拷贝过来;

      节点的属性操作

                    获取节点属性值

                        方式1:    

                            元素节点.属性名

                            元素节点['属性名']

                        方式2:

                            元素节点.getAttribute('属性名称')

                    修改节点属性值

                        方式1:

                            元素节点.属性名 = 属性值;

                            元素节点['属性名'] = 属性值;

                        方式2:

                            元素节点.setAttribute('属性名', 值)

                    删除节点的属性

                        方式1:

                            元素节点.removeAttribute('属性名')

总结: 获取节点属性值和设置节点属性值都有两种方式; 如果是节点的原始属性,方式1和方式2是等价的.如果是非原始属性,通过方式1元素节点.属性名和元素节点['属性名']的形式绑定的属性值不会出现在标签上,而通过方式2,Attribute的形式绑定的属性值会出现在标签上;这两种方式不能交换使用,get值和set值必须使用同一种方式;