[css] 写的css样式是否能被js所读到？如果可以如何读取？

可以用js读取到
1.获取内联样式
// 获得元素，任意一种方式都可以(id,class,标签名)
var dv = document.getElementById("dv");
// 拿到获取元素的style属性
console.log(dv.style.width); // 100px

2.对于外联样式表或者头部的style标签内的样式表里的样式内容，用上面的方法无法获得，用getComputedStyle(element,pseudoElement)方法获得。
element为需要获得属性的元素，pseudoElement该元素的伪类，不需要写为null
// 获取元素
var dv2 = document.getElementById("dv2");
// 使用方法
console.log(getComputedStyle(dv2,null).backgroundColor); //rgb(0, 134, 179)

element.style

1. 获取内联样式（感觉没啥大用）
2. 可读可写。因此可为元素设置新属性（很好）

element.currentStyle

1. 兼容性差，IE支持，（pass 吧）
2. 可获取元素当前样式

window. getComputedStyle(element, null)

1. 可获取元素当前样式（很强）
2. 兼容性好

element.getBoundClientRect()

1. 获取元素相对视窗的位置信息（强）
2. 兼容性好

获取内联样式的话直接获取dom元素即可，然后直接用dom可过去内联样式和设置内联样式

window. getComputedStyle(element, null)方法，可以获取元素当前样式，第一个参数为需要获取样式的dom元素，第二个参数是否要获取伪类，不需要则设置为null

element.currentStyle这是ie的写法

https://developer.mozilla.org/en-US/docs/Web/API/CSS_Object_Model/Using_dynamic_styling_information