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

Question

我在文件my_ui_element.svg中有一个SVG元素。我想将此SVG插入index.html中的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答案：

var main = function() { $('.box').click(function() { var el = $(this); if (!el.hasClass('selected')) { el.animate({ "height": "300px" }, 200) el.addClass("selected"); el.find('.inputAreas').show(); } else { el.animate({ "height": "85px" }, 200); el.find('.inputAreas').hide(); el.removeClass("selected"); } }) } $(document).ready(main);