今天的码农女孩做了关于DOM2和DOM3的笔记 2022/1/13

DOM2和DOM3
样式
对象.style.color=""设置或返回样式（行内）
对象.currentStyle["color"]获得样式（IE）
getComputedStyle(对象，随便给)["color"]获得样式

元素大小和偏移量
document.body.clientWidth设置或返回带滚动条的宽度
document.body.clientHeight设置或返回带滚动条的高度
document.documentElement.clientWidth设置或返回可视化的宽度
document.documentElement.clientHeight设置或返回可视化的高度

只能获取不能修改：
offsetWidth标签宽度（包括边框和边距）
offsetHeight标签高度（包括边框和边距）
offsetTop标签上方的偏移量
offsetLeft标签左侧的偏移量
offsetParent返回标签的父类对象

滚动条位置
srcollWidth带滚动条的元素总宽度
srcollHeight带滚动条的元素总高度
srcollTop滚动条上方的偏移量
srcollLeft滚动条左方的偏移量

自己做了一个封装既可以在IE里也可以再其他浏览器使用DOM2和DOM3样式
      function css(){//obj,attr,value对象 属性 值
            if(arguments.length==2){//获取
                if(getComputedStyle){
                    return getComputedStyle(arguments[0],true)[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")
        console.log(v);