// 创建一个新的div元素
var newDiv = document.createElement('div');

// 设置内联样式
newDiv.style.backgroundColor = 'blue';
newDiv.style.width = '100px';
newDiv.style.height = '100px';

// 将新创建的div添加到文档中
document.body.appendChild(newDiv);

// 创建一个新的style元素
var styleElement = document.createElement('style');
styleElement.type = 'text/css';

// 定义样式规则
var css = '.new-div { background-color: blue; width: 100px; height: 100px; }';
styleElement.appendChild(document.createTextNode(css));

// 将style元素添加到head中
document.head.appendChild(styleElement);

// 创建一个新的div元素并应用样式类
var newDiv = document.createElement('div');
newDiv.className = 'new-div';

// 将新创建的div添加到文档中
document.body.appendChild(newDiv);