如何避免从数据库取出的HTML文本意外闭合外层table标签？

下面是三种可直接落地的方案，无需手动统计标签数量即可避免外层DOM被破坏：

方案1：使用Shadow DOM强制隔离DOM作用域 #

这是原生支持的「内部HTML作用域限制容器」，内部HTML的解析完全独立，哪怕存在</table>这类闭合标签，也只会在内部作用域处理，不会影响外层DOM结构。
实现代码示例：

// 选中表格内层的div容器
const innerContainer = document.querySelector('table td > div')
// 挂载Shadow Root，open模式允许后续操作内部节点，closed模式则外部无法访问
const shadowRoot = innerContainer.attachShadow({ mode: 'open' })
// 直接插入数据库获取的HTML即可，完全不会破坏外层结构
shadowRoot.innerHTML = htmlContentFromDatabase

如果需要内部HTML继承外层样式，可在Shadow Root内手动插入