Вставить содержимое файла .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');