【003JavaScript HTML DOM - 改变 css】JavaScript HTML DOM: 修改 CSS 样式的基本操作

JavaScript HTML DOM - 改变 CSS

在 JavaScript 中，我们可以通过操作 HTML DOM（文档对象模型）来改变元素的样式，从而实现动态的页面效果。通过修改元素的 CSS 属性，我们可以改变其外观、布局和动画等方面。

修改元素样式

要改变元素的样式，我们可以直接修改其 CSS 属性。可以使用 style 对象来访问和修改元素的样式。

以下是一些常见的修改元素样式的方法：

• element.style.property = value: 设置元素的 CSS 属性为指定的值。
• element.style.cssText = "property1: value1; property2: value2;": 使用字符串形式设置一组 CSS 属性和值。

例如，我们可以通过以下方式修改元素的样式：

// 通过属性名设置元素样式
var myElement =