如何获取所有嵌套<g> <path>的<svg>的所有innerHTML？

Question

我有一个元素：

<div>    
    <svg>
        <g>
            <g>
                <path></path>
            </g>
        </g>
    </svg>
</div>

问题是：当我收到mySvgElement.innerHTML时，我只会收到<svg><path></path></svg>。 <g>被忽略。

我仍然找不到如何获得它们的方法。有办法吗？ 没有jQuery

Answer 1

使用下面的代码，我可以获得完整的HTML结构。

<div id="svgCont">
  <svg>
    <g>
      <g>
        <path></path>
      </g>
    </g>
  </svg>
</div>

<script>
  var d = document.getElementById("svgCont");
  console.log(d.innerHTML);
</script>

Answer 2

<div id = "mySvgElement">    
    <svg>
        <g>
            <g>
                <path></path>
            </g>
        </g>
    </svg>
</div>

<script>
  console.log($("#mySvgElement").innerHTML);
</script>

以上代码正常工作

输出：