JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0144)chrome-extension://eggkanocgddhmamlbiijnphhppkpkmkl/activesessionview.html?type=main&focusNodeId=6973&altFocusNodeId=6765&scrollToViewWinId=6765 -->
<html xmlns="http://www.w3.org/1999/xhtml">
  <!-- Copyright 2012 Vladyslav Volovyk -->

  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">


    <link rel="shortcut icon" href="chrome-extension://eggkanocgddhmamlbiijnphhppkpkmkl/img/favicon.png">

    <title>Tabs Outliner</title>

    <link href="chrome-extension://eggkanocgddhmamlbiijnphhppkpkmkl/tree/css/correlatestyle.css" rel="stylesheet" type="text/css">
    <style id="usersCustomColorsStyleshit"></style>
  </head>

  <body id="ID_activeSessionTreeScrollableContainer">
    <!--
-->
    <div id="mainToolbarAndMessagesContainer">
      <!--
    -->
      <div id="mainToolbar" class="mainToolbarContainer">
        <!--
        -->
        <div class="mainToolbarInnerArea">
          <!--
            -->
          <div id="mainToolbarButtonsArea">
            <!--
                 --><a id="newWindowActionLink" class="actionButton actionLink" data-fabric="openwin_" title="Window"></a>
            <!--
                 --><a id="newGroupNodeActionLink" class="actionButton actionLink" data-fabric="group_" title="Group
(Saved Window)"></a>
            <!--
                 --><a id="newSeparatorNodeActionLink" class="actionButton actionLink" data-fabric="separator_" title="Separator"></a>
            <!--
                 --><a id="newTextNodeActionLink" class="actionButton actionLink" data-fabric="note_" title="Note"></a>
            <!--
                 --><a id="newGoogleDocNodeActionLink" class="actionButton actionLink" data-fabric="gdoc_" title="Google Doc"></a>
            <!--
                   <a id="newTreeNodeActionLink"      class="actionButton actionLink" data-fabric="openwin_"  ...

CSS

/*body {*/

@charset "utf-8";
html {
  overflow-x: hidden;
}

/*body {*/

/*position: absolute;*/

/*top: 0px;*/

/*left: 0px;*/

/*bottom: 00px;*/

/*right: 0px;*/

/*padding: 0px;*/

/*overflow-y: scroll;*/

/*overflow-x: hidden;*/

/*}*/

::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 1px 0 6px 0px #000000;
  background: url(../img/backgrounds/black-Linen.png) repeat;
  border-radius: 0px;
}

::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: rgba(22, 75, 105, 0.8);
  background: rgba(36, 120, 168, 0.8);
  background: #1e81d8;
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(22, 75, 105, 0.4);
  background: rgba(36, 120, 168, 0.4);
  background: #93bcdf;
}

* {
  margin: 0;
  padding: 0;
  border: 0;
}

ul,
li {
  list-style-type: none;
  display: block;
  padding: 0px;
  margin: 0px;
}

body {
  background: #002141;
  background: #202020;
  /*


    background-image: url(img/backgrounds/vertical_cloth.png);интересно
    background-image: url(img/backgrounds/darkdenim3.png);интересно+
    background-image: url(img/backgrounds/denim.png);интересно
    background-image: url(img/backgrounds/irongrip.png);интересно+
    background-image: url(img/backgrounds/nami.png);интересно
    background-image: url(img/backgrounds/broken_noise.png); неплохо
    background-image: url(img/backgrounds/fake_brick.png);интересно
    background-image: url(img/backgrounds/px_by_Gre3g.png);интересно, но надо темнее
    background-image: url(img/backgrounds/zigzag.png);темнее бы, может было бы интересно
    background-image: url(img/backgrounds/triangles.png);неочень
    background-image: url(img/backgrounds/rubber_grip.png);интересно
    background-image: url(img/backgrounds/darth_stripe.png); тектура гавно
    background-image: url(img/backgrounds/green-fibers.png); интересно
    background-image: url(img/backgrounds/concrete_wall.png); прикольно, но...

JavaScript

var zXml = '<?xml version="1.0"?> <div class="csl-bib-body" style="line-height: 2; padding-left: 2em; text-indent:-2em;"> <div class="csl-entry">The Polyvagal Theory.</div> </div>';
var dp = new DOMParser();
var zDom = dp.parseFromString(zXml, "text/xml");
document.getElementById("output").appendChild(document.createTextNode(zDom.nodeValue));
var divCite = zDom.querySelector("div.csl-entry");
console.log(divCite);
document.getElementById("output2").appendChild(document.createTextNode(divCite.innerHTML));