DOM编程艺术

样式操作

设置样式

element.style.csstext='border-color:red;color:red;'

获取样式

• element.style.color //只能用于行内样式

• window.getComputedStyle(element).color; //ie9下使用currentStyle

function getStyle(element,csspropertyName){
            if (element.currentStyle) {
                alert(element.currentStyle[csspropertyName]);
            }else{
                alert(getComputedStyle(element,null)[csspropertyName])
            }
        }

事件

事件注册

var elem=document.getElementById('div1');
var clickHandler=function(event){
    //to do
}
elem.addEventListener('click',clickHandler,false);
elem.onclick=clickHandler

取消事件注册

elem.removeEventListener('click',false);
elem.onclick=null;

阻止事件传播

• event.stopPropagation

• event.cancelBubble=true //ie

• event.stopImmediatePropagation()

默认行为

• event.preventDefault

• event.returValue=false //ie

事件分类

数据通信

常见HTTP状态码

ajax

get请求

var url = 'example.json?'+serialize(formdata);
xhr.open('get',url,true);
xhr.send(null);

post请求

xhr.open('post','example.json',true);
xhr.send(serialize(formdata));

数据存储

cookie

storage

• localStorage 时间永久

• sessionStorage 浏览器回话事件

BOM

方法：

• alert

• confirm

• prompt