javascript获取作用在元素上面的样式属性代码

在JavaScript中，要获取作用在元素上面的样式属性，特别是那些通过CSS设置的样式（而非内联样式），你需要使用`window.getComputedStyle()`方法。这个方法会返回一个实时的`CSSStyleDeclaration`对象，包含了元素的所有最终使用的CSS属性值。

以下是一个如何使用`window.getComputedStyle()`方法的示例：

// 假设我们有一个id为"myElement"的元素
var element = document.getElementById("myElement");

// 使用getComputedStyle获取该元素的所有最终样式
var style = window.getComputedStyle(element);

// 然后，你可以通过属性名来获取具体的样式值
// 注意：样式属性名需要是驼峰命名法（如 backgroundColor 而不是 background-color）
var backgroundColor = style.backgroundColor;
var fontSize = style.fontSize;

console.log("Background Color:", backgroundColor);
console.log("Font Size:", fontSize);

这段代码首先通过`document.getElementById()`获取了一个特定的元素，然后使用`window.getComputedStyle()`方法获取了该元素的所有计算后的样式。之后，通过访问`CSSStyleDeclaration`对象的属性（注意属性名需转换为驼峰式命名），可以获取到具体的样式值，并通过`console.log()`输出到控制台。