How to change this pseudo class with javascript? : <br>
I have the following SVG element which is related to some other stuff

    <text x="370.9472783496851" y="141.05272165031482" text-anchor="middle" font="10px &quot;Arial&quot;" stroke="none" fill="#000000" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: middle; font: 10px Arial;" class="wheelnav-wheelDiv-title-basic-1" id="wheelnav-wheelDiv-title-1" transform="matrix(0.7071,-0.7071,0.7071,0.7071,8.7932,303.3224)" stroke-width="1.0360904852357105"><tspan dy="3.1620966503148225" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">Multiformer II</tspan></text>

so as you can see, there is a tspan element inside the text element and I am using <br>
the css style sheet to give it a specific style like this:

    [class|=wheelnav-wheelDiv-title-basic]>tspan {
        fill: rgb(255, 255, 255);
        stroke: none;
        font-size: 100%;
        font-family: Lato;
    }

and it works fine, but!! I want to change the style of the tspan while the programm is running<br>
I mean with JS, I#ve tried the following:

    for(let i=0;i<3;i++){
                            let element_class = 'wheelnav-wheelDiv-title-basic-'+i;
                            let element = document.getElementsByClassName(element_class).item(0);
                            console.log(element);
                        }

but it gives me that the HTMLCollection is empty (null), so there is no children.<br>

pls guys what should I do?<br>
thanks in advance!!
