由于Javascript的style属性只能获取内联样式,对于外部样式和嵌入式样式需要用currentStyle属性。但是,currentStyle在FIrefox和Chrome下不支持
所以我们采用
var element=document.getElementById('element');
var ele=window.getComputedStyle?window.getComputedStyle(color,null):color.currentStyle;//解决FIrefox和//Chrome浏览器的兼容性问题 获取需要的元素 此时这个元素是一个object CSS2Properties对象
CSS2Properties 对象表示一组 CSS 样式属性及其值。它为 CSS 规范定义的每一个 CSS 属性都定义一个 JavaScript 属性。一个 HTMLElement 的 style 属性是一个可读可写的 CSS2Properties 对象,就好像 CSSStyleRule 对象的 style 属性一样。不过,Window.getComputedStyle() 的返回值是一个 CSS2Properties 对象,其属性是只读的。
var div.style.backgroundColor=ele.backgroundColor;//将div1的色彩变成ele的颜色