在svg js中添加一个svg

Question

我试图在svg元素中附加一个svg元素，但内部svg不会显示。

.outer {
background: tomato;
width: 300px;
height: 300px;
}

.inner {
background: blue;
width: 100px;
height: 100px;
}



let div = document.querySelector(`div`);

let svgOuter = document.createElementNS(`http://www.w3.org/2000/svg`, `svg`);
svgOuter.classList.add(`outer`);

let svgInner = document.createElementNS(`http://www.w3.org/2000/svg`, `svg`);
svgInner.classList.add(`inner`);


div.appendChild(svgOuter);
svgOuter.appendChild(svgInner);

http://codepen.io/BradLee/pen/beGQgv