将.SVG文件的内容插入HTML元素

Question

我在文件中有一个SVG元素my_ui_element.svg.我想将此SVG插入到HTML元素中index.html.我怎样才能做到这一点？

插入前的HTML:

<div class="Container">
  <!-- Insert SVG here -->
</div>

插入后的HTML:

<div class="Container">
  <svg>...</svg>
</div>

注意:使用<img src="my_ui_element.svg">不是可接受的答案,因为它不会将SVG元素添加到DOM.

Answer 1

事实证明这是微不足道的.SVG文件是有效的HTML.

这是一个jquery答案:

$('.Container').load('my_ui_element.svg');