如何创建元素并向DOM中添加类和文本？

要创建元素并向DOM中添加类和文本，可以使用JavaScript来操作DOM。

首先，可以使用createElement()方法创建一个新的元素。该方法接受一个参数，表示要创建的元素的标签名。例如，要创建一个新的div元素，可以使用以下代码：

var newDiv = document.createElement("div");

接下来，可以使用classList属性来添加类。classList是一个DOM元素的属性，它提供了一组方法来操作元素的类。可以使用add()方法向元素添加一个或多个类。例如，要向新创建的div元素添加一个名为"my-class"的类，可以使用以下代码：

newDiv.classList.add("my-class");

然后，可以使用textContent属性来设置元素的文本内容。textContent是一个DOM元素的属性，它表示元素的文本内容。可以将要设置的文本内容作为textContent属性的值。例如，要将文本内容设置为"Hello, World!"，可以使用以下代码：

newDiv.textContent = "Hello, World!";

最后，可以使用appendChild()方法将新创建的元素添加到DOM中的指定位置。appendChild()方法接受一个参数，表示要添加的元素。例如，要将新创建的div元素添加到body元素中，可以使用以下代码：

document.body.appendChild(newDiv);

这样，就成功地创建了一个新的div元素，并向DOM中添加了类和文本。

请注意，以上代码是使用纯JavaScript来操作DOM的示例。在实际开发中，可以使用各种前端框架（如React、Vue等）或库（如jQuery）来简化DOM操作的过程。