Breaking News: Grepper is joining You.com. Read the official announcement!

onclick js change svg fill

Jorge A Sarria answered on August 12, 2022 Popularity 3/10 Helpfulness 1/10

answer onclick js change svg fill

onclick js change svg fill

Comment

<svg id="svg1" xmlns="http://www.w3.org/2000/svg" style="width: 3.5in; height: 1in">
  <circle id="circle1" r="30" cx="34" cy="34" 
            style="fill: red; stroke: blue; stroke-width: 2"/>
  </svg>
<button onclick="circle1.style.fill='yellow';">Click to change to yellow</button>
 Run code snippetHide results

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: fill javascript onclick svg

Link to this answer
Share Copy Link