Hola. Como le puedo agregar estilos a los elementos que estamos creando en javascript?

Que tal! Además de los aportes de otros estudiantes, me gustaría comentar que no es muy recomendable agregar estilos directamente en el JS, lo mejor (y lo más común) es que agregues una clase CSS que tendrá los estilos definidos en tu stylesheet.

Consulta Documentación MDN Puedes agregar estilos directamente desde JavaScript de la siguiente manera:

/* Atributos de style */
/* 1. Selecciona el elemento a modificar*/
let parrafo = document.querySelector('.u-style')
/* 2. Agregas lo estilos que quieras*/
parrafo.style.background = "green";
parrafo.style.color = "white";
parrafo.style.padding = "1em"
parrafo.style.textAlign = "center";
/*Nótese que las propiedades van con CamelCase
Por ejemplo: textAlign*/

Hey! Lo puedes hacer accediendo a su propiedad .classList o .className de esta forma

const node = document.createElement('div');

node.className = 'container';

//O Tambien con .classList

node.classList.add('Hello World')

resultado:

//className
<div class="container"></div>

//classList.add
<div class="Hello World"></div>

Relmente hacen lo mismo en este caso , la diferencia es que la propiedad .classList te provee otros metodos aparte de .add como .remove .toggle .includes para que puedas jugar con cambiar , quitar poner etc.. con las clases de los elementos :3