JavaScript style 样式属性操作

JavaScript 中可以使用 style 对象来操作元素的样式属性。style 对象是元素的一个属性，通过它可以访问和修改元素的内联样式属性。

要访问元素的样式属性，可以使用以下语法：

element.style.property

其中，element 是要操作的元素，property 是要访问或修改的样式属性。

下面是一些常用的样式属性操作方法的详细解析和代码示例：

1. 获取元素的样式属性值

要获取元素的样式属性值，可以使用 style 对象的属性访问方式。例如，要获取元素的背景颜色属性值，可以使用以下代码：

var element = document.getElementById("myElement");
var bgColor = element.style.backgroundColor;
console.log(bgColor); // 输出背景颜色属性值

1. 修改元素的样式属性值

要修改元素的样式属性值，可以使用 style 对象的属性赋值方式。例如，要将元素的背景颜色修改为红色，可以使用以下代码：

var element = document.getElementById("myElement");
element.style.backgroundColor = "red";

1. 动态添加样式属性

要动态添加样式属性，可以使用 style 对象的属性赋值方式。例如，要动态添加一个字体