js 编辑 HTML 字符串，有推荐的方法吗？

[MissSixty]

后端返回 html 网页的字符串，我需要将字符串里添加一段固定的<div>标签和给字符串里 table 添加属性 border='1'。
大佬们有什么推荐的方法或者库吗？

[tutou]

你添加一段 js ，直接改 dom 不就行了

[fason1995]

先把 html 字符串 innerHTML 到 dom 中，然后选择 dom ，添加属性就好了

[MissSixty]

@tutou
@fason1995
这种方法不太好，性能开销太大了。

[lukaz]

可以考虑用正则匹配替换

[DrugsZ]

直接把<table 替换成 <table border="1"

[gydi]

正则或者 DOMParser

[fox0001]

@tutou #1 我也推荐这个做法。在该 HTML 末尾加段<script>，该 HTML 加载完就会自行 js 并做修改。至于 js ，可以用 dom 的相关方法，不用替换字符串那么麻烦。

[MissSixty]

@lukaz
@DrugsZ
@gydi
正则局限性太大，字符串插入 div 容易出错

[learningman]

@MissSixty #8 容易出错就 DomParser 啊，楼上不是有人说过了吗

[lanced]

可以看一下 DocumentFragment ，创建并组成一个 DOM 子树，再用 2 楼的方法去修改，再插入 Document ，只触发一次重渲染

[molvqingtai]

@lukaz 不要误导人，能精确匹配 html 的正则还没有写出来

[AyaseEri]

让后端在 html 里给你留两个槽，你直接 replace

[mango111]

之前用过一个库 cheerio https://www.npmjs.com/package/cheerio
可以解析 html 字符串，用类 jQuery 方式修改 dom 并输出新字符串

[codehz]

table 的 border 真的需要改 html 吗（ css 不可以吗

[humbass]

String.replace 支持正则，基础还是需要敲打的

[lzgshsj]

cheerio+1

[lneoi]

htmlparser2 找个类似的解析库操作一下

[renmu]

改 dom 性能差，那我想知道你们是怎么做交互的

[MissSixty]

@renmu 不交互，后端返回 html ，前端增加点 dom ，然后调用浏览器打印

[darkengine]

建议先考虑怎么实现，再考虑性能问题，不要提前优化。