在JavaScript中，控制CSS样式属性通常通过操作DOM元素的`style`对象来实现。以下是一些基本的语法对照表，展示了如何在JavaScript中设置、获取和修改CSS样式属性：
### 设置CSS样式属性
// 通过直接设置style对象的属性
element.style.property = value;
// 示例：将某个元素的背景色设置为红色
document.getElementById("myElement").style.backgroundColor = "red";
### 获取CSS样式属性
// 注意：直接获取可能不返回通过CSS类设置的样式，而是返回内联样式（如果有的话）
// 或者使用window.getComputedStyle()来获取所有最终应用的样式
var value = element.style.property;
// 更准确地获取样式（包括从CSS类继承的样式）
var computedStyle = window.getComputedStyle(element);
var backgroundColor = computedStyle.backgroundColor;
### 修改CSS样式属性
修改CSS样式属性实际上就是重新设置它，如上面的“设置CSS样式属性”部分所示。
### 注意事项
- 所有的CSS属性名在JavaScript中都是驼峰命名法（camelCase），例如`background-color`在JavaScript中应写作`backgroundColor`。
- 使用`window.getComputedStyle()`可以获取元素的所有最终样式，包括从CSS类、内联样式以及浏览器默认样式中继承的样式。
- 直接通过`element.style.property`获取的值可能不包含通过CSS类或其他方式设置的样式，除非这些样式也是以内联样式的方式直接应用于元素上。
### 示例代码
// 假设有一个ID为"myElement"的元素
var element = document.getElementById("myElement");
// 设置背景色为红色
element.style.backgroundColor = "red";
// 获取并打印背景色（注意：这可能只返回内联样式，如果不存在则返回空字符串）
console.log(element.style.backgroundColor); // 输出："red"（如果之前设置了内联样式）
// 使用getComputedStyle获取并打印背景色（包括从CSS类继承的样式）
var computedStyle = window.getComputedStyle(element);
console.log(computedStyle.backgroundColor); // 输出："rgb(255, 0, 0)"（红色的一种表示方式）
以上就是在JavaScript中控制CSS样式属性的基本语法和注意事项。