通过Javascript访问SVG元素

Question

这是对之前提出的问题的跟进：How to access SVG elements with Javascript 但是，该解决方案似乎对我不起作用。我正在测试最新版本的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节点一样对其进行操作，

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