Как создать блоки внутри класса?

Хочу вот этот блок полностью создать на нативном JS, и после добавить его в класс history.

<div class="chat-message clearfix">
   <div class="chat-message-content clearfix">
      <span class="chat-time">13:37</span>
      <h5>Бот:</h5>
      <p>Сообщение бота</p>
   </div>
</div>

Как его создать и добавить в класс?