JSFiddle - React, Tailwind, and code Playground

HTML

<svg id="s1" xmlns="http://www.w3.org/2000/xmlns"></svg>
<svg id="s2" xmlns="http://www.w3.org/2000/xmlns"></svg>

JavaScript

var data = document.createTextNode("Testing text in SVG");  
var text = document.createElementNS("http://www.w3.org/2000/svg", "text");
text.setAttributeNS(null, "font-size",'24');
text.setAttributeNS(null, "x", 100);
text.setAttributeNS(null, "y", 100);
text.setAttributeNS(null, "fill", "black");
text.setAttributeNS(null, "text-anchor", "middle");
text.setAttributeNS(null, "id", "textLabel");
text.appendChild(data);

var svg = document.getElementById("s1");
svg.appendChild(text);

var svg2 = document.getElementById("s2");
svg2.appendChild(text);