动态地将缺少的标签添加到损坏的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>元素的子元素.因此,我需要确保正确放置结束标记,并确保错放原始结束标记的另一个开始标记.

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>."