纯js怎么加css样式

在纯JavaScript中直接添加CSS样式通常涉及到操作文档的元素节点来改变其style属性。以下是一个基本的例子：

// 获取DOM元素
var element = document.getElementById('myElement');

// 添加内联样式
element.style.color = 'red';
element.style.backgroundColor = 'white';
element.style.fontSize = '16px';

// 或者设置特定的CSS属性
element.style.setProperty('padding', '10px');

如果你想要动态修改类名以便应用预设的CSS规则，可以这样做：

element.classList.add('myClass'); // 添加类
element.classList.remove('myClass'); // 移除类

// 如果你想切换类，可以先移除再添加
element.classList.toggle('myClass');

然而，这种方式相对原始且限制较多，对于复杂的CSS选择器和布局调整，推荐还是通过编写并关联外部CSS文件更为高效。