js中距离问题

//表示距离的对象有两大类：DOM对象，事件对象
//DOM对象：(以odiv为例)
//odiv.style.width 取样式属性width的值，带有单位 .style.height
//odiv.clientWidth 取odiv的width+padding,不带单位； .clientHeight
//odiv.offsetWidth 取odiv的width+padding+border,不带单位； .offsetHeight

        //odiv.offfsetLeft   当前定位对象距离当前定位父级对应的值
        //odvi.offsetTop     默认DOM对象定位父级是body      odiv的border外边距离当前定位父级上边的距离
        //测试当前定位父级（console.log(oinner.offsetParent)

//client系列
// 1.clientWidth的实际宽度：clientWidth = width+左右padding

    //2，clientHeigh的实际高度 clientHeigh = height + 上下padding 

    //3，clientTop的实际宽度 clientTop = boder.top(上边框的宽度)

    //4，clientLeft的实际宽度 clientLeft = boder.left(左边框的宽度)

//offset系列：

    //1,offsetWidth的实际宽度 offsetWidth = width + 左右padding + 左右boder

     //2,offsetHeith的实际高度 offsetHeith