Javascript 是否包装当前位于字符串中的HTML标记?

Javascript 是否包装当前位于字符串中的HTML标记?,javascript,Javascript,我将HTML作为字符串,类似于: <p>some text</p><p>some more text</p><table><th>....</table> 我希望将表包装在div标签中-表可以在任何地方 我曾考虑过使用replace,但我必须同时替换开始表标记和结束表标记 有没有办法只包装table元素 仅限Vanilla JS。如果在浏览器中执行此操作,则可以使用DOM方法。DOM是比正则表达式好得多的htm

我将HTML作为字符串,类似于:

<p>some text</p><p>some more text</p><table><th>....</table>
我希望将表包装在div标签中-表可以在任何地方

我曾考虑过使用replace,但我必须同时替换开始表标记和结束表标记

有没有办法只包装table元素


仅限Vanilla JS。

如果在浏览器中执行此操作,则可以使用DOM方法。DOM是比正则表达式好得多的html解析器

常量str=`一些文本

更多文本

测试` const tmp=document.createElement'div' tmp.innerHTML=str; Array.fromtmp.querySelectorAll'table'.forEachfunctiontable{ const div=document.createElement'div'; table.parentNode.insertBeforediv,表; 子表分区; }; const modifiedStr=tmp.innerHTML; console.logmodifiedStr; document.body.innerHTML=modifiedStr;
div>table{color:red}“但是我必须同时替换开始表标记和结束表标记“-…和?听起来好像有一个点,但我看不到。那么替换标记有什么错呢?另一种方法是将其解析为DOM结构,然后使用DOM方法插入div,并将table元素附加到其中。