js css操作

      行内样式

                el.style.fontSize="18px"

      传统class改变

                el.className="red"

      设置元素的类名为red

                classList

                    add（）添加

                    remove（）删除

                    toggle（）切换

      获取到css最终值

                    var obj =document.defaultView.getComputedStyle(p,null);

                    // 获取元素css层叠计算过后的最终css值

                  obj.fontSize文字样式

        css中高度获取

                  clientHeight 元素内容的高

                  offsetHeight 元素内容+边框的高

                  scrollHeight 元素内容+滚动区域的高

        滚动距离获取

                scrollTop 元素滚动顶部的距离

                scrollLeft 元素滚动左侧的距离

      元素在页面中个位置

                el.getBoundingClientRect()

                        top距浏览器可视区域顶部的距离

                        left

                        width

                        height

                  el.offsetTop

                  e.offsetLeft

                  距离已定位的父亲（body）元素距离

事件

注册

        el.addEventListener("事件名",

注销

        el.removeEventListener(“事件名”,fn)

事件的参数

          target事件的目标

事件的xy

            pageX

            PageY 相对于文档的左上角

            clientX

            clientY 相对于浏览器可视区域左上角

            offsetX

            offsetY 相对于当前元素的左上角

键盘事件

        keydown键盘按下

        keyup 键盘弹起

                13  enter

                27  esc

                37  左

                38 上

                39 右

                40 下

                32 空格

键盘事件的参数

          keycode键盘代码