操作DOM

        常规意义上的操作DOM（增删改查）
        1、创建（创建完成之后，页面并不会有）
        2、增删改查
    1.1创建元素节点
        myLi = document.createElement('li')
    1.2创建文本节点
        mstr = document.createTextNode('skhbdbkas')

    2.0 获取需要添加到的标签
    2.1 增加dom（添加到指定父节点的最后）
            父节点.appendChild(新建标签)
    
    2.2 增加dom（添加到指定父节点的最后）
            父节点.insertBefore(要插入的新节点，插入到指定节点前（传递Null是插入到父节点最后1）)

    2.3 增加dom（添加到父节点的最前边）
            父节点.interBefore(要插入的新节点，指定节点.firstElementChild)

    3、删除DOM  父节点.removeChild(要删除的节点)

    4、修改某一个节点
            父节点.replaceChild(新节点，要被修改的节点)

    5、复制一个节点
        语法：想要复制的节点.cloneNode(参数布尔值)
                参数：false 不克隆子节点        默认
                参数：true  克隆子节点

获取元素偏移量

获取元素的偏移量

1、获取元素
2、获取相对父级：元素.offsetParent
3、获取元素的偏移量
        元素.offsetLest
        元素.offsetHeight
                      

获取元素尺寸与浏览器窗口尺寸

获取元素尺寸（占地面积）
1、offsetxxx        实际宽度+padding+border、
2、clientxxx        实际宽度 + padding

获取浏览器窗口尺寸
1、window.innerxxx      计算时会包含浏览器的滚动条
2、document.documentElement.clientxxx       计算时不包含浏览器的滚动条