怎么在js中添加div样式

// 获取div元素
var divElement = document.getElementById('myDiv');

// 设置样式
divElement.style.backgroundColor = 'blue';
divElement.style.color = 'white';
divElement.style.padding = '10px';

.my-style {
    background-color: blue;
    color: white;
    padding: 10px;
}

// 获取div元素
var divElement = document.getElementById('myDiv');

// 添加类名
divElement.classList.add('my-style');

import styled from 'styled-components';

const StyledDiv = styled.div`
    background-color: blue;
    color: white;
    padding: 10px;
`;

// 在组件中使用StyledDiv
function MyComponent() {
    return <StyledDiv>这是一个样式化的div</StyledDiv>;
}

// 创建一个新的style元素
var style = document.createElement('style');
document.head.appendChild(style);

// 添加新的CSS规则
style.sheet.insertRule('#myDiv { background-color: blue; color: white; padding: 10px; }', style.sheet.cssRules.length);