Динамически загружать XML с помощью стилей CSS

Я хочу загрузить XML файл и его таблицы стилей CSS в textarea или div. Каждый XML файл имеет таблицы стилей CSS, которые отображают его правильно:

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="first.css"?>
<?xml-stylesheet href="second.css"?>
<book>
  <sentence>
  !!! SNIP !!!

Если я загружу файл непосредственно в веб-браузер, набрав его URL-адрес в адресной строке, он отображается правильно, включая все стили. Теперь я хочу отобразить его так же, загружая его динамически.

Я попробовал несколько вариантов этого, например

<textarea id="display">
</textarea>

$.ajax({
    type: "GET",
    url: "https://raw.githubusercontent.com/someplace/my.xml",
    dataType: "text",
    success: function(xml) {
        alert("GET succeeded")
        var xmlDoc = $.parseXML(xml);
        document.getElementById("display").append(xmlDoc.childNodes);    
    }
}); 

Я не могу понять, как динамически применять стили к анализируемому XML-документу и отображать его. Я не хочу преобразовывать его в HTML, я просто хочу показать те же самые документы, которые уже правильно отображаются в веб-браузере.

Кто-нибудь знает, как это сделать?