How can I change the 'd' attribute of a path with JavaScript?
09:20 02 Mar 2021

Beginner in JS & HTML, Want to change some parameters with the console from an existing website.

mockup

The code I want to change looks like the following. It's a path in the form of a circle and I want to change the d Parameter in a way, that it slowly grows and turns into a circle. I also added my own id="stroke1", so I can get to that specific Element (I can't address the class because there are more Elements on the website)


My attempt to get the d parameter is the following.

document.getElementById('stroke1').getAttribute('d');

Now, I would like to write a loop to increase this path.

Something like

for(i=0; i<100; i++) { 
 document.getElementById('stroke1').getAttribute('d)' // increase the path somehow with + i
}

How can I do that?

javascript html svg-filters