svg innerHTML in firefox can not display

Question

i use innerHTML to add svg element,it works fine in chrome but in firefox it can not display; thanks so much for any ansower

Answer 1

A workaround is to add the innerHTML code as HTML, and not SVG. You can do that simply by using a

(instead of ) in your HTML code as the placeholder, and insert the full SVG via innerHTML.

Replace:

with

And wrap your innerHTML string within an element:

var svg = document.getElementById('container');
svg.innerHTML   = '';

This should work in both Chrome and Firefox. Here's a JSFiddle.

0 讨论(0)

发布评论:

提交评论

---

•  加载中...