这是之前在How to access SVG elements with Javascript问一个问题的后续措施
但是,该解决方案似乎对我不起作用。我正在测试最新版本的Chrome。我有一张美国的 map 作为SVG文件,已将其下载到我的计算机上,并对xml代码进行了一些更改。

我使用对象标签嵌入了svg,并为其分配了一个ID“USAsvg”,并且首先进行了婴儿步骤。对于按钮onclick事件,我正在执行以下代码,但未成功。这里的“CA”是使用svg文件中的path标记声明的状态。

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

alert(delta.value);

最佳答案

这适用于最新的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');
});

关于javascript - 通过Javascript访问SVG元素,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/4766410/

10-12 12:32
查看更多