我将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?