"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
function showAttributes(event){
var msg = "";
var theRect = event.target;
var theParent = theRect.parentNode;
var theID = theRect.getAttribute("id");
var xPosition = theRect.getAttribute("x");
var yPosition = theRect.getAttribute("y");
var theWidth = theRect.getAttribute("width");
var theHeight = theRect.getAttribute("height");
msg += "Rectangle ID: " + theID + "\n";
msg += "x coordinate: " + xPosition + "\n";
msg += "y coordinate: " + yPosition + "\n";
msg += "width: " + theWidth + "\n";
msg += "height: " + theHeight + "\n";
alert(msg);
}
Click inside the rectangle:
onclick="showAttributes(evt)"
x="10" y="10" width="200" height="100"/>