如何在javascript中添加两个样式元素？

在JavaScript中添加两个样式元素可以通过以下步骤实现：

1. 创建两个样式元素：可以使用document.createElement()方法创建<style>元素。
2. 创建两个样式元素：可以使用document.createElement()方法创建<style>元素。
3. 设置样式内容：可以使用style.innerHTML属性设置样式元素的内容。
4. 设置样式内容：可以使用style.innerHTML属性设置样式元素的内容。
5. 将样式元素添加到文档头部：可以使用document.head.appendChild()方法将样式元素添加到文档头部。
6. 将样式元素添加到文档头部：可以使用document.head.appendChild()方法将样式元素添加到文档头部。

完整的代码示例如下：

var style1 = document.createElement('style');
var style2 = document.createElement('style');

style1.innerHTML = '.class1 { color: red; }';
style2.innerHTML = '.class2 { font-size: 16px; }';

document.head.appendChild(style1);
document.head.appendChild(style2);

这样就成功在JavaScript中添加了两个样式元素。这种方法适用于动态添加样式，可以根据需要在页面中添加任意数量的样式元素。