数组的几个方法，获取css属性和键值对

1.数组的一些方法

push() 在数组的末尾添加一个或多个元素 返回数组新长度

pop() 移除数组的最后一项，返回移除的项

shift() 移除数组的第一项，返回移除项

unshift() 在数组的第一项前面添加一个或多个元素，返回数组的长度

2.获取css属性

getComputedStyle可获取当前元素的所有css属性，返回的是一个[object CSSStyleDeclaration]对象，用法为：

var Div=document.getElementById('div');
var str=window.getComputedStyle(Div,null);//返回的是一个对象[object CSSStyleDeclaration]，window可写可不写
alert(str.height);
//console.log(window.getComputedStyle(Div,null));可打印出当前对象所有的属性

如上，它有两个参数，第二个参数可写可不写,但是它只能在主流浏览器下（chrome，Safari，火狐…）使用，它只能读取，不能更改，并且返回复合属性border时，在chrome下可返回（格式为:0px none rgb(0, 0, 0)），在火狐下返回空

currentStyle是只有IE浏览器才能识别的，它也可以获取当前元素的所有css属性，返回的是一个[object CSSStyleDeclaration]对象，用法为：

 var str=Div.currentStyle;//返回的是CSSStyleDeclaration实例
 console.log(str.width);

它调用复合属性border时，返回的是undefined

关于键值对的使用方法

//创建
var data={ key1:"value1",key2:"value2"};
 
//取值
 var dataValue = data["key1"]
//或 var dataValue = data.key1,当key 为数值时该取值法不可用
//例： 
 var data ={ 111:"111"，222:"222"}
   var dataValue = data["111"]//正确
   var dataValue = data.111 //错误
 
 //添加
 data["key3"] = "value3"; //添加时无该key值则添加,有则修改value
 
 //修改
 data["key1"] = "value0"; 
 
//存在则删除
if (!!data["key2"]) { 
    delete (data["key2"]);
} 
//!!把一个任意类型的值转换为布尔类型,存在为true，不存在为fleas