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

是的，JavaScript 可以读取 CSS 样式。你可以通过 JavaScript 访问元素的计算样式或使用 window.getComputedStyle() 方法来获取元素的当前样式。

以下是一个简单的示例，说明如何使用 JavaScript 读取一个元素的 CSS 样式：

// 获取元素
var element = document.getElementById('myElement');

// 读取计算后的样式
var style = window.getComputedStyle(element);

// 输出某个具体的样式值，例如宽度
console.log(style.width);

在上面的代码中，我们首先通过 document.getElementById() 获取了一个具有特定 ID 的元素。然后，我们使用 window.getComputedStyle() 方法获取了该元素的计算样式。最后，我们通过 style.width 访问了元素的宽度样式值，并将其输出到控制台。

需要注意的是，getComputedStyle() 方法返回的是元素当前应用的最终样式，这包括了从所有相关的样式表中继承或指定的样式，并且已经解析了所有的“!important”声明等。

另外，如果你想要直接读取元素的 style 属性中的样式（即内联样式），你可以直接通过元素的 style 属性来访问，但这种方式只能读取到元素上直接设置的样式，无法读取到从样式表或父元素继承的样式。例如：

var element = document.getElementById('myElement');
console.log(element.style.width); // 只能读取到元素上直接设置的宽度样式

这种方式通常不如 getComputedStyle() 方法强大和灵活。