動態添加<a>到嵌入式SVG

下面的腳本片段用於嵌入在html文檔中的svg。問題是，svgMap.appendChild（cL）;位拋出錯誤說appendChild不是一個荒謬的函數。動態添加<a>到嵌入式SVG

var svgMap = document.getElementsByTagNameNS("http://www.w3.org/2000/svg", "svg"); 
    console.log(svgMap); 
    var cId = document.getElementById(county[j][0]); 
    var cL = document.createElementNS(null,"a"); 
    cL.setAttributeNS("http://www.w3.org/1999/xlink", "xlink:href", "http://mtent.org/"); 
    svgMap.appendChild(cL); 
    cL.appendChild(cId); 
    console.log(cL); 
    cId.setAttribute("class", "county"); 
    console.log(document.getElementById(county[j][0]));

來源

2015-09-17 James

SVG元素，如「一」需要在SVG命名空間創建，而不是空的命名空間。 –

document.getElementsByTagNameNS("http://www.w3.org/2000/svg", "svg")[0]

通知[0] ...的getElementsByTagName返回集合;-)

來源

2015-09-17 20:18:01

動態添加<a>到嵌入式SVG

回答

相關問題