Appending child

Question

Why can't I append "line" to "svg"?
https://code.sololearn.com/WEwrgyrjOQS6/?ref=app

Answer 1

To manipulate SVG commands on JavaScript, one must use the svg <script> element

Answer 2

svg uses a namespace. Use document.createElementNS():
https://stackoverflow.com/a/16489845

I use it in [JS] line 80 here:
https://code.sololearn.com/WKLubPzanpv8/?ref=app

Answer 3

Try this instead
var line = document.createElementNS("http://www.w3.org/2000/svg", 'line');

Answer 4

You can! Just that it's an object, thus that display