javascript - 有没有办法从片段重建有效的 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>
*/