插入内容到一个HTML元素

Question

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

HTML：

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

注意：插入后

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

HTML使用<img src="my_ui_element.svg">是不是一个可以接受的答案，因为它没有在SVG元素添加到DOM。

Answer 1

这原来是微不足道的。 SVG文件是有效的HTML。

这里是一个jQuery答案：

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