如何对使用JavaScript函数添加的文本字符串设置样式？

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

// 设置文本内容
newElement.textContent = '这是一段动态文本';

// 设置样式
newElement.style.color = 'red';
newElement.style.fontSize = '20px';

// 将新元素添加到文档中
document.body.appendChild(newElement);

/* 在CSS文件中定义样式 */
.dynamic-text {
    color: blue;
    font-size: 24px;
}

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

// 设置文本内容
newElement.textContent = '这是一段动态文本';

// 添加CSS类
newElement.classList.add('dynamic-text');

// 将新元素添加到文档中
document.body.appendChild(newElement);

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

// 设置文本内容
newElement.textContent = '这是一段动态文本';

// 使用setAttribute设置样式
newElement.setAttribute('style', 'color: green; font-size: 22px;');

// 将新元素添加到文档中
document.body.appendChild(newElement);

document.addEventListener('DOMContentLoaded', function() {
    // 你的JavaScript代码
});