通过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');
});