Изменение цвета CSS при нажатии кнопки

---

Я пытаюсь изменить цвет сердца с красного на зеленый

Я пробовал какой-то код, но он, похоже, не меняет его при нажатии.


Ошибка, которую я получаю, такова:

annot read property 'getElementsByClassName' of null

Что я уже пробовал:

JQUERY ->

		var header = document.getElementById("heart");
var btns = header.getElementsByClassName("btn");
for (var i = 0; i < btns.length; i++) {
  btns[i].addEventListener("click", function() {
    var current = document.getElementsByClassName("active");
    current[0].className = current[0].className.replace(" active", "");
    this.className += " active";
  });
}

PHP ->

if (isset($arr['BName'][$i])) {
             echo '<td>' . $arr['BName'][$i] . '<button style="text-align:right;float:right;" class="favourites"  id="' . $arr['BName'][$i] . '" value="' . $dbRow["UserID"] . '<button class="btn" id="heart">❤️</div></button></td>';
         } else {

---