JSFiddle - React, Tailwind, and code Playground

HTML

<wrapper>
    <sci_request version="1.0">
        <data_service>
            <targets>
                <device id="00000000-00000000-90A2DAFF-FF050000" />
            </targets>
            <requests>
                <device_request target_name="myTarget">my payload string</device_request>
            </requests>
        </data_service>
    </sci_request>
</wrapper>
<textarea id="t"></textarea>

CSS

#t {
    width: 600px;
    height: 200px;
}

JavaScript

function xmlToString(xmlData) { 

    var xmlString;
    //IE
    if (window.ActiveXObject){
        xmlString = xmlData.xml;
    }
    // code for Mozilla, Firefox, Opera, etc.
    else{
        xmlString = (new XMLSerializer()).serializeToString(xmlData);
    }
    return xmlString;
}  

var xml = $.parseXML($('sci_request').parent().html());

alert($(xml).find('device').attr('id'));

$('#t').text(xmlToString(xml));