封装函数以及事件处理

封装函数

  function css(){

                if(arguments.length==2){//获取

                    if(getComputedStyle){

                       return getComputedStyle(arguments[0],false)[arguments[1]]

                    }else{

                       return arguments[0].currentStyle[arguments[1]]

                    }

                }

                else if(arguments.length==3){//设置

                        // arguments[0].style.arguments[1]=arguments[2]

                        arguments[0].style[arguments[1]]=arguments[2]

                }

            }

            var v=css(div,"width")

            console.log(v)

            css(div,"width","300px")

事件

事件流

事件冒泡(IE)

从具体元素开始，再逐层寻找上层嵌套标签，依次向上传播

h1->div->body->html->document

事件捕获

从根节点开始执行，逐层向下寻找，一直找到带事件的节点为止

document->html->body->div->h1

注意：从DOM2开始，都是执行DOM事件流

DOM事件流

包括三个阶段

事件捕获阶段，处于目标阶段，事件冒泡阶段

执行顺序：首先发生事件捕