title: SVGPathSegList and animatedPathSegList returns undefined
body: <p>I'm trying to get data from SVG path and until recently the <code>console.log(document.getElementById(&quot;path1&quot;).animatedPathSegList);</code> statement was working fine and returning the expected object. Suddenly the same statement is returning &quot;undefined&quot;. I did change something in the code but not directly related to this statement, but I can't remember what the change was.
  Before, I could easily find the animatedPathSegList object in the console using <code>console.log(document.getElementById(&quot;path1&quot;));</code> but there's no list whatsoever to be found in both Firefox and Chrome. I'm totally lost here.
  Thanks.</p>
  <pre><code>&lt;svg
     width=&quot;210mm&quot;
     height=&quot;297mm&quot;
     viewBox=&quot;0 0 210 297&quot;
     version=&quot;1.1&quot;
     id=&quot;svg5&quot;
     xmlns=&quot;http://www.w3.org/2000/svg&quot;
     xmlns:svg=&quot;http://www.w3.org/2000/svg&quot;&gt;
  
      &lt;path
         style=&quot;fill:none;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1&quot;
         d=&quot;M 80,10 50,50 33,44 60,60 140,125 110,80 H 144 V 95&quot;
         id=&quot;path1&quot; /&gt;
  
  &lt;/svg&gt;
  
  &lt;script&gt;
  console.log(document.getElementById(&quot;path1&quot;));
  console.log(document.getElementById(&quot;path1&quot;).animatedPathSegList);//undefined
  console.log(document.getElementById(&quot;path1&quot;).SVGPathSegList);//undefined
  &lt;/script&gt;
  </code></pre>