使用JavaScript动态地创建和修改CSS样式，这个方法能给我举个例子嘛

当您使用JavaScript动态地创建和修改CSS样式时，您可以使用以下方法之一：

1. 通过修改元素的style属性来修改CSS样式。例如，以下代码将更改id为 "myElement"的元素的背景颜色：

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

2. 通过创建新的CSS规则并将其插入到文档中来动态地添加CSS样式。例如，以下代码将创建一个新的CSS规则，将其应用于类名为 "myClass"的所有元素，并将其插入到文档头部：

var style = document.createElement('style');
style.innerHTML = ".myClass { background-color: blue; }";
document.head.appendChild(style);

3. 通过使用CSS样式表对象和CSS规则对象来修改和添加CSS样式。例如，以下代码将使用CSS样式表对象找到id为 "myStyle"的样式表，并将 "body"元素的背景颜色更改为红色：

var styleSheet = document.getElementById("myStyle").sheet;
var rule = "body { background-color: red; }";
styleSheet.insertRule(rule, styleSheet.cssRules.length);

这些是使用JavaScript动态地创建和修改CSS样式的一些常见方法。