Com JS puro ficaria algo assim:
HTML
<div class="corpo">
</div>
JS
<script>
// Vamos pegar a div corpo e colocá-la dentro de uma constante para ficar mais fácil de manipular.
const corpo = document.querySelector('.corpo')
// Vamos criar os elementos que irão ficar dentro da div corpo
// Pra isso vamos criar uma constante para a div tudo, que ir´á receber as demais divs
const tudo = document.createElement('div')
// Vamos setar os atributos da div, dando uma classe e o nome "tudo" à classe com o setAttribute
tudo.setAttribute('class', 'tudo')
// Vamos repetir o que fizemos acima para os demais divs que ficarão dentro da div "tudo"
// esquerda
const esquerda = document.createElement('div')
esquerda.setAttribute('class', 'esquerda')
// meio
const meio = document.createElement('div')
meio.setAttribute('class', 'meio')
// direita
const direita = document.createElement('div')
direita.setAttribute('class', 'direita')
// Vamos adicionar a div tudo dentro da div corpo
corpo.appendChild(tudo)
// Com a div tudo dentro da div corpo, agora podemos ir adicionando as divs esquerda, meio e direita dentro da div tudo
tudo.appendChild(esquerda)
tudo.appendChild(meio)
tudo.appendChild(direita)
</script>
Tá meio grande, mas é por causa da explicação. E talvez tenha um jeito mais fácil e rápido de fazer usando JS puro. Mas está aí a minha contribuição para o mundo dev. Também estou aprendendo, então... Valeu!