2016-08-23 107 views
1

我有一個文件my_ui_element.svg SVG元素。我想將這個SVG插入到index.html的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。

+0

你寫的代碼。你已經用EXACT方法標記了問題來完成它:DOM –

+0

@MarcB,你說得對,這很簡單。無論如何,自己貼出了答案 –

回答

3

這原來是微不足道的。 SVG文件是有效的HTML。

這裏是一個jQuery答案:

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