javascript - 将缺失的标签动态添加到损坏的 HTML 字符串中

Question

我有一串损坏的 HTML。我需要搜索字符串并在 JavaScript 中添加任何缺失的开始或结束标记。没有正则表达式，没有 jQuery。例如，我想制作一个这样的字符串:

"This <small>is <i>ONE</small> Messed up string</i>."

有这样的正确形式:

"This <small>is <i>ONE</i></small><i> Messed up string</i>."

基本上，第一个<i>是 <small> 的 child 元素。因此，我需要确保正确放置结束标记，并为错位的原始结束标记放置另一个开始标记。

Answer 1

解析字符串，并再次序列化。有多种方法可以做到这一点。

var str = "This <small>is <i>ONE</small> Messed up string</i>.";
str = new DOMParser().parseFromString(str, "text/html").body.innerHTML;
console.log(str);//"This <small>is <i>ONE</i></small><i> Messed up string</i>."

var str = "This <small>is <i>ONE</small> Messed up string</i>.";
var el = document.implementation.createHTMLDocument().createElement('div');
el.innerHTML = str;
str = el.innerHTML;
console.log(str);//"This <small>is <i>ONE</i></small><i> Messed up string</i>."