有没有办法从片段重建有效的HTML结构？

Question

假设您只有<td>text<td></tr>。显然单独使用它将无效（并且<td>...</td>都不会有效）。有没有一种简单的方法可以从这样的片段重建有效的html结构？这应该是这样的：<table><tbody><tr><td>text<td></tr></tbody></table>。

Answer 1

insertAdjacentHTML似乎做了正确的事（tm），即调用考虑了上下文的片段解析算法。

table = document.createElement("table")
table.insertAdjacentHTML("beforeend", "<table><tbody><tr><td>Case A</td></tr></tbody></table>")
table.insertAdjacentHTML("beforeend", "<td>Case B</td>")

console.log(table.outerHTML)

/*
<table><tbody><tr><td>Case A</td></tr></tbody><tbody><tr><td>Case B</td></tr></tbody></table>
*/