доступ к элементам SVG через Javascript

Question

Это продолжение вопроса, заданного ранее по адресу: Как получить доступ к элементам SVG с помощью Javascript Однако решение, похоже, не работает для меня.Я тестирую последнюю версию Chrome.У меня есть карта США в виде файла SVG, которую я скачал на свой компьютер и внес некоторые изменения в код xml.

У меня есть svg, встроенный с использованием тега объекта, и ему присвоен идентификатор «USAsvg"и я продолжаю с первыми шагами.Для события 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, функция html () в jQuery не работает, вместо этого используйте text ().

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