Just list some frequence usage
------------------------------
tspan:
[*] Get by type: var tspans = document.getElementsByTagName("tspan");
[*] Get text: var text= tspan.firstChild.nodeValue;
[*] Create text:
[*] onclick: tspan.setAttribute("onclick", "alert(this.id)");
// TODO: this code does not work in IE.
xlink:href:
[*]Set href attr:
------------------------------
tspan:
[*] Get by type: var tspans = document.getElementsByTagName("tspan");
[*] Get text: var text= tspan.firstChild.nodeValue;
[*] Create text:
var txt=document.createElementNS('http://www.w3.org/2000/svg','text');
var tspan=document.createElementNS('http://www.w3.org/2000/svg','tspan');
var tnode = document.createTextNode("This is the text");
tspan.appendChild(tnode);
txt.appendChild(tspan);
[*] onclick: tspan.setAttribute("onclick", "alert(this.id)");
// TODO: this code does not work in IE.
xlink:href:
[*]Set href attr:
var bg = document.getElementById("ImageId");
var svgNS="http://www.w3.org/2000/svg";
var xlinkNS="http://www.w3.org/1999/xlink";
bg.setAttributeNS(xlinkNS,"href","I.png");