通過Javascript訪問SVG元素

Question

這是前面提到的一個問題的後續問題：How to access SVG elements with Javascript 但是，該解決方案對我來說似乎不起作用。我正在測試最新版本的Chrome。我有一個美國地圖作爲SVG文件，我已經在我的機器上下載並對xml代碼進行了一些更改。

我有使用對象標記嵌入svg並分配了一個「USAsvg」的ID，我正在繼續嬰兒的步驟。對於按鈕onclick事件，我正在執行下面的代碼，但沒有成功。這裏'CA'是在svg文件中使用路徑標記聲明的狀態。

var a = document.getElementById('USAsvg'); 
var svgDoc = a.contentDocument; 
var delta = svgDoc.getElementById('CA'); 

alert(delta.value); 

Answer 1

這部作品在最新的Chrome， 負載直接在SVG到您的DOM，然後操縱它，就好像它是一個正常的HTML節點，jQuery中 的HTML（）函數不工作，用文字（ ）代替。

$('.your_div_for_svg').load('svg/file.svg', function(){ 
     $('#some_textnode_w_id_within_svg').text('Hello word'); 
});