title: How to get Inner tags in <g> tags in svg?
body: <p>I am working with <strong>SVG</strong> <code>&lt;g&gt;</code> tags using JavaScript. I need get the inner tags (eg: <code>rect</code>, <code>path</code>, etc)  in each of the <code>&lt;g&gt;</code> tags.</p>
  
  <p>This is what I used to get a particular tag.</p>
  
  <pre><code>var stess = selectedElement.getElementsByTagName('rect');
  console.log(stess);
  </code></pre>
  
  <p>But I have dynamic tags as well. how should I retrieve the values of the inner tags? More so, how could I change the width of these inner tags?</p>
  
  <p>Here is the code that I tried:</p>
  
  <pre><code>$('.test').change(function() {
              console.log(selectedElement.children()); // Results Error
  }
  </code></pre>
  
  <p>I end up logging <code>&lt;g id="xxx" fill-opacity="1" stroke-opacity="1"&gt;&lt;rect&gt;&lt;/g&gt;</code>. How should I proceed?</p>