每天一个JavaScript实例-SVG中的javaScript展示

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">


<script type="text/javascript">
<![CDATA[
	window.onload = function(){
		var square = document.getElementById("square");

		square.onclick = function(){
			
			var color = this.getAttribute("fill");
			console.log(color);
			if(color =="#f00"){
				this.setAttribute("fill","#00f");
			}else{
				this.setAttribute("fill","#f00");
			}
		}
	}
	]]>
</script>


<rect id= "square" x="10" y="10" width="400" height="400"
style="stroke:pink;stroke-width:5;
fill-opacity:0.1;stroke-opacity:0.9" fill="#00f"/>

</svg>