<table>
<tbody>
<tr>
<td rowspan="4">1</td>
<td rowspan="7">2</td>
<td rowspan="5">3</td>
</tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr>
<td rowspan="3">4</td>
</tr>
<tr>
<td rowspan="2">5</td>
</tr>
<tr></tr>
</tbody>
</table>
table {width: 100%}
tr {height: 50px}
td {border: 1px solid black}
iframe
, чтобы отделить DOM-деревья и исключить совпадение id
. Вот, для примера, накидал функцию:function subDocument(string) {
var iframe = document.createElement("iframe");
iframe.style.display = "none";
document.body.appendChild(iframe);
iframe.contentDocument.body.innerHTML = string;
return iframe.contentDocument
};
var newDocument = subDocument(myStr);
newDocument.getElementById("...");