通過Javascript訪問SVG元素

Question

這是前面提到的問題的后續問題： 如何使用Javascript訪問SVG元素但是，該解決方案似乎對我不起作用。 我正在測試最新版本的Chrome。 我有一張美國地圖作為SVG文件，我已經在我的機器上下載並對xml代碼進行了一些更改。

我使用object標簽嵌入了svg並分配了一個“USAsvg”的id，並且首先進行了嬰兒步驟。 對於按鈕onclick事件，我執行以下代碼但沒有成功。 這里'CA'是使用svg文件中的path標簽聲明的狀態。

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（）函數不起作用，而是使用text（）。

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