JSFiddle - React, Tailwind, and code Playground

HTML

<div id="before"></div>
<div id="after"></div>

CSS

div {
    border:1px solid black
}

JavaScript

string = "<table><tr><td>1</td><td><table><tr><td>2</td></tr></table></td></tr></table>3<table><tr><td>4</td></tr></table>";

var div_before = document.getElementById("before");
div_before.innerHTML = string;
var dom = document.createElement("p");
dom.innerHTML = string;
var tables = dom.getElementsByTagName("table");
while( tables.length > 0 ) {
    var item = tables.item(0);
    item.parentElement.removeChild(item);
}
var div_after = document.getElementById("after");
div_after.innerHTML += dom.innerHTML;