h5动态css

在 HTML5 中，可以使用 JavaScript 动态地修改 CSS 样式。具体来说，可以通过以下步骤实现：

1. 选中需要修改样式的元素，可以使用 document.querySelector 或 document.querySelectorAll 方法来获取元素。

2. 使用元素的 style 属性来修改样式。例如，设置元素的背景颜色可以使用如下代码：

element.style.backgroundColor = "red";

3. 同样地，可以修改元素的其他样式属性，比如字体大小、边框、内边距等等。

4. 如果需要在不同的状态之间切换样式，可以使用类名来控制。可以使用元素的 classList 属性来添加或删除类名。例如，切换一个按钮的激活状态可以使用如下代码：

button.classList.add("active");
button.classList.remove("active");

5. 最后，如果需要动态地创建新的样式规则，可以使用 document.createElement 和 document.createTextNode 方法来创建样式元素和文本节点，并将它们添加到 head 元素中。例如，创建一个新的样式规则可以使用如下代码：

var style = document.createElement("style");
var rule = document.createTextNode(".my-class { color: red; }");
style.appendChild(rule);
document.head.appendChild(style);