JSFiddle - React, Tailwind, and code Playground

by rcrathore

HTML

<div id="result"> </div>
<br/>
<div id="result2"> </div>

JavaScript

var xml = "<root><node1><node2>TEXT1</node2></node1></root>";
var $xml = $($.parseXML(xml));

var newData = "<node3>234</node3>";
var $newData = $($.parseXML(newData));
var newNode = null;

if (typeof document.importNode == 'function') {
    newNode = document.importNode($newData.find('node3').get(0), true);
} else {
    newNode = $newData.find('node3').get(0)
}


try {


    $(newNode).appendTo($xml.find("node2")); 
    
    /* expected TEXT1234*/
    $("div#result").html($xml.text());

    /* expected 234*/
    $("div#result2").html($xml.find("root > node1 > node2 > node3").text());

} catch (e) {
    alert(e);
    $("div#result").html("Error: " + e.description);
}