动态地将丢失的标签添加到损坏的HTML字符串中 [英] Dynamically add missing tags to a broken HTML string

问题描述

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

I have a string of broken HTML. I need to search the string and add any missing opening or closing tags in JavaScript. No Regex, no jQuery. For example, I want to make a string like this:

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

具有正确的格式，如下所示:

have proper form like this:

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

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

Basically, the first <i> is a child of the <small> element. So I need to make sure the closing tag is placed properly and another opening tag for the misplaced original ending tag.

推荐答案

解析该字符串，然后再次对其进行序列化.有多种方法可以做到这一点.

Parse the string, and serialize it again. There are various ways to do this.

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

这篇关于动态地将丢失的标签添加到损坏的HTML字符串中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！