Style 属性值必须是一个对象

在 Web 开发中，样式是非常重要的一部分，可以通过 CSS 来设置样式。在 JavaScript 中，我们可以使用 style 属性来修改 HTML 元素的样式。

style 属性值必须是一个对象，每个属性表示一个样式属性，属性名为 CSS 样式属性名，属性值为 CSS 样式属性值，如 color: red;。

以下是设置元素的背景颜色和文字颜色的示例：

const el = document.querySelector('#my-element');
el.style.backgroundColor = 'blue';
el.style.color = 'white';

在上面的代码中，我们首先选择了一个 ID 为 my-element 的 HTML 元素，然后设置它的背景颜色为蓝色，文本颜色为白色。

除了使用 style 属性来设置样式，我们还可以使用 classList 属性来添加或删除类名，从而实现样式的变化。

const el = document.querySelector('#my-element');
el.classList.add('active');
el.classList.remove('inactive');

在上面的代码中，我们首先选中 ID 为 my-element 的 HTML 元素，然后添加一个名为 active 的类名，以实现激活状态的样式，同时删除名为 inactive 的类名，以去除不活跃状态的样式。

总之，style 属性值必须是一个对象，每个属性表示一个样式属性，用于控制 HTML 元素的呈现方式，与其他属性和类名结合使用，可以实现丰富的样式效果。