使用Javascript

时间:2017-02-20 11:21:31

标签: javascript html svg

我将SVG定义放在一个单独的文件中。我可以将它们嵌入到HTML中:

<svg class="icon icon-close"><use xlink:href="/icons/symbol-defs.svg#icon-close"></use></svg>

如何使用javascript从这个单独的文件中嵌入这些图标?

我尝试使用以下内容将SVG字符串写入DOM:

var icon = '<svg class="icon icon-close"><use xlink:href="/icons/symbol-defs.svg#icon-close"></use></svg>';
$('#myDiv').append(icon);

但图标不会出现。

我查看了answers like this,它告诉我SVG元素与普通DOM元素不同(因为我需要使用.createElementNS)。但是,因为我的所有定义都在这个单独的文件中,所以我不想在javascript中复制SVG定义。

有没有办法让Javascript从我的symbol-defs.svg文件中读取并创建一个SVG并将其动态放入DOM?

0 个答案:

没有答案