SVGの要素(SVGElement）をJavaScriptで生成するデモ

Before createElement

左上と右下の円、枠線のSVG要素はHTML内に初めから記述してあります。

document.createElementNS("http://www.w3.org/2000/svg", "circle")

まん中の黄色の円をJavaSvriptから生成して、表示されました。成功。

document.createElement("circle")

まん中の黄色の円をJavaSvriptから生成してみましたが、表示されません。失敗。

と存在はしています。構造上は存在するのに表示されないという現象。