JavaScript 可以修改 CSS 样式吗？动态操作 DOM 元素样式详解

在 JavaScript 中可以动态地修改 CSS 样式，但不能直接写 CSS 代码。可以通过 JavaScript 来操作 DOM 元素的样式属性，从而实现对页面样式的修改。常用的操作包括添加、删除、修改元素的类名，修改元素的样式属性值等。例如：\n\njavascript\n// 修改元素的背景颜色\ndocument.getElementById('myElement').style.backgroundColor = 'red';\n\n// 添加类名\ndocument.getElementById('myElement').classList.add('myClass');\n\n// 删除类名\ndocument.getElementById('myElement').classList.remove('myClass');\n\n\n这样可以实现动态地改变页面的样式，但实际上是通过 JavaScript 来修改 DOM 元素的样式属性，而不是直接写 CSS 代码。