Clicca ripetutamente sul cerchio e cambia il suo colore.
JavaScript può accedere agli elementi anche in scrittura.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<?xml version="1.0"?> <svg xmlns="http://www.w3.org/2000/svg"> <script type="text/ecmascript"> <![CDATA[ function cambiaColore() { var elemento=document.getElementById("cerchio"); var colore=elemento.getAttribute("fill"); if(colore == "blue") elemento.setAttribute("fill", "red"); else elemento.setAttribute("fill", "blue"); } ]]> </script> <circle cx="150" cy="150" r="100" fill="blue" id="cerchio" onclick="cambiaColore()"/> </svg> |