JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<textarea id="content1" rows="1" cols="100"></textarea>
<textarea id="content2" rows="1" cols="100"></textarea>

JavaScript

var styleString1 = '<xmlDoc><div>Hello</div></xmlDoc>';
var styleString2 = '<xmlDoc><div>Hello</div></xmlDoc>';

debugger;

var xslDoc1 = (new DOMParser()).parseFromString(styleString1, "text/xml");
var docRoot1 = xslDoc1.documentElement;
a1 = document.createAttribute("p:name");
a1.nodeValue = "cool name 1";
docRoot1.setAttributeNode(a1);
var xmls1 = new XMLSerializer();
var outputXHtmlString1 = xmls1.serializeToString(xslDoc1);

var xslDoc2 = (new DOMParser()).parseFromString(styleString2, "text/xml");
var docRoot2 = xslDoc2.documentElement;
$(docRoot2).attr("p:name", "cool name 2");
var xmls2 = new XMLSerializer();
var outputXHtmlString2 = xmls2.serializeToString(xslDoc2);


document.getElementById("content1").innerText = outputXHtmlString1;
document.getElementById("content2").innerText = outputXHtmlString2;