Javascript изменить цвет фона svg g элемента пути

Question

Я хочу изменить стиль следующего элемента:

<path d="M0 573.96 L0 595.28 L64.96 595.28 L64.96 573.96 L0 573.96 L0 573.96 Z" class="st8"/>

Полный код SVG:

<g id="shape487-256" v:mID="487" v:groupContext="shape" transform="translate(707.533,-425.236)">
            <title>Sheet.487</title>
            <desc>Claims Management</desc>
            <v:textBlock v:margins="rect(4,4,4,4)" v:tabSpace="42.5197"/>
            <v:textRect cx="32.478" cy="584.619" width="64.96" height="21.314"/>
            <path d="M0 573.96 L0 595.28 L64.96 595.28 L64.96 573.96 L0 573.96 L0 573.96 Z" class="st8"/>
            <text x="21.21" y="582.22" class="st9" v:langID="1033"><v:paragraph v:horizAlign="1"/><v:tabList/>Claims <tspan
                        x="9.92" dy="1.2em" class="st10">Management</tspan></text>      </g>

Мне удалось изменить только обводку текста, но не фонцвет.Простая настройка заливки не имеет никакого эффекта, поэтому я хочу удалить класс st8, но я получаю сообщение path.removeAttribute не является функцией.

function highlightTrend01(){
    //Claims Management
    var e = document.getElementById("shape487-256");
    // e.setAttribute("stroke","blue"); setting stroke works
    var paths = e.getElementsByTagName("path");
    paths.removeAttribute("class");
    paths.style["fill"] = "orange";
}

Answer 1

Мне удается изменить цвет фона, выбрав правильный дочерний элемент, более элегантные решения высоко ценятся.

function highlightTrend01(){
    //Claims Management
    var e = document.getElementById("shape487-256");
    // e.setAttribute("stroke","blue"); setting stroke works
    var children = e.children;
    for (var i = 0; i < children.length; i++) {
        var c = children[i];
        // console.log(c);
        // var cId = c.getAttribute("id");
        var attrClass = c.getAttribute("class");
        if (c.tagName == "path" && attrClass == "st8"){
            console.log("Tag name: " + c.tagName +  " class: " + attrClass);
            // c.removeAttribute("class");
            c.style["fill"] = "orange"
        }
    }

}

Answer 2

, чтобы удалить класс, используйте:

paths.classList.remove("st8");

он не удалит атрибут, но это не имеет значения в этом случае, я думаю.