JSFiddle - React, Tailwind, and code Playground

HTML

<div id="id1">
    "some text 1"<br>
    "more text 2" <br>
    "name" <br>
    <li> "list 1"</li>
    "THEend"
    <div class="class1" style="margin: 0px; padding: 0px;">
      &nbsp;&nbsp;
    </div>
</div>

JavaScript

var original_id1 = document.getElementById('id1'),
        cloned_id1 = original_id1.cloneNode(true); // deep clone

    // find all ".class1" elements
    var class1_elements = cloned_id1.getElementsByClassName('class1');
    // remove .class1 elements from clone
    for (var i = 0; i < class1_elements.length; i++){
      var c1 = class1_elements[i],
          p = c1.parentNode;
      p.removeChild(c1);
   }

   // alert only the textual content
   alert(cloned_id1.innerHTML);