Как дополнить( изменить) строку ( элемент) html

Там есть класс ms-gridT1

document.querySelectorAll('.ms-gridT1') вернет коллекцию всех найденных элементов с этим классом... [элемент0, элемент1, элемент2...]. Нужно посчитать, который этот по счету (счет начинается с нуля) и записать

<style> .weight-100 {font-weight: 100;} </style>
<script> 
var grid = document.querySelectorAll('.ms-gridT1');
grid[номер].innerHTML = `Основной жирный текст 
  <div class="weight-100">- Знание </div>
  <div class="weight-100">- Знание </div> 
  <div class="weight-100">- Знание </div> 
  <div class="weight-100">- Знание </div> 
  <div class="weight-100">- Знание </div>`;
</script>
(!) Обратные кавычки... ``

div и так переносит на новую строку, останется убрать жирный шрифт.