Javascript код для добавления класса в класс SVG не отображается в HTML

Question

У меня есть фрагмент кода, который добавляет цвет заливки в svg при наведении курсора и удаляет его при выходе.Но код не подходит.У меня есть код перед закрывающим тегом body. Вот мой код:

<script>
     (function(){

        var svg = document.getElementsByTagName('path');

        Array.from(svg).forEach(function(item) {
            item.addEventListener('mouseover', function(){
                    item.setAttribute('style','fill:green;');
            });
            item.addEventListener('mouseleave', function(){
                    item.removeAttribute('style','fill:green;');
            });
        });

        })();
</script>

Он не меняет цвет заливки, но когда я добавляю его в консоль, он работает нормально.Буду признателен за помощь.