Can't set attributes to svg figures

Question

I need to create rectangle using document.createElemet() and add it to svg. My code adds rect, but without attributes, how to fix it?
https://code.sololearn.com/WuSW8TwCps3r/?ref=app

Answer 1

It's simple :
1_SVG is XML so to create an svg element, you have to provide it the svg namespace like this :
var ns = "http://www.w3.org/2000/svg";
var r = document.createElementNS(ns, "rect");
2_XML doesn't support attributes object setting syntext except the style attribute, so you have two choice :
r.style.width = "100px"; or r.setAttribute("width", 100);
3_I am making a serie of tutorials of things related to coding and SVG and XML are in the list, so just visit this page and comment what you want to learn and if you foolow me, I will be able to give you coding tricks everyday :

https://code.sololearn.com/WIb425hnGqfl/?ref=app

Answer 2

Thanks, i will try it

Answer 3

VCoder i tried, but rectangle is still invisible
https://code.sololearn.com/WuSW8TwCps3r/?ref=app

Answer 4

You forgot to use createElementNS instead createElement