外部加载的SVG上的访问ID

Question

我有一个很奇怪的问题，困扰了很长时间。与其他任何东西相比，访问外部svg上的ID极其复杂。但是有人帮助了我，让我获得了一个ID，但是无论我如何尝试复制它，我都无法获得任何其他ID以相同的方式工作。

因此，我只希望能够更改SVG ID的颜色。 滴到工作下面，其他什么也没做。

var svgObject;
var top,bottom,stripe1,stripe2,bubbles,sides,drips,highlights,outlines;

window.addEventListener("load", function() {
  svgObject  =  document.getElementById('a').contentDocument;

  top        = svgObject.getElementById('top');
  bottom     = svgObject.getElementById('bottom');
  drips      = svgObject.getElementById('drips');

  top.setAttributeNS(null, 'style', 'fill:blue');
  bottom.setAttributeNS(null, 'style', 'fill:green');
  drips.setAttributeNS(null, 'style', 'fill:red');
});

这是测试（因为它必须在线才能正常运行） http://gunnelwigen.se/svg/svg.html

这是压缩的项目。它只是样板的html，js和css以及svg文件。 我认为这是我对svg文件本身不了解的内容。

http://gunnelwigen.se/svg/svg.html