Добавление элемента svg к элементу DOM не отображается

Question

• 1000 *

<div id="myElement"><svg class="symbol"><use xlink:href="#my-symbol-icon"></use></svg></div>

Если я добавлю точно такой же код вручную, он будет работать как и ожидалось, но мне нужно заставить его работать с JavaScript.

Answer 1

Этот элемент svg показывается без проблем.

var svg_el = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
svg_el.setAttribute('class',"symbol");
var use_el = document.createElementNS('http://www.w3.org/2000/svg', 'use');
use_el.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', '#my-symbol-icon');

var element = document.getElementById("myElement");
element.appendChild(svg_el)

Я не знаю точно, почему это работает, хотя данный код кажется, что он должен работать.