Quiero trabajar los elementos de un archivo .svg tales como el de < circle > que se observa en el código; pero de qué manera lo puedo hacer con javascript alguna idea u orientación?¿, Saludos a todos :)
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 489.3 14.2" style="enable-background:new 0 0 489.3 14.2;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
.st1{opacity:0.55;fill:#636363;}
</style>
<g>
<circle id="Circle1" class="st0" cx="9.4" cy="7.1" r="6.5"/>
<circle id="Circle2" class="st1" cx="104.1" cy="7.1" r="6.5"/>
<circle id="Circle3" class="st1" cx="198.7" cy="7.1" r="6.5"/>
<circle id="Circle4" class="st1" cx="293.4" cy="7.1" r="6.5"/>
<circle id="Circle5" class="st1" cx="388.1" cy="7.1" r="6.5"/>
<circle id="Circle6" class="st1" cx="482.8" cy="7.1" r="6.5"/>
</g>
</svg>