Javascript 在不丢失拆分字符的情况下按标记拆分html字符串

Javascript 在不丢失拆分字符的情况下按标记拆分html字符串,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我如何像这样分开一根线 var htmlstring = "<html><body><div><p>this is <span> example </span>text</p></div></body> </html>" var output=htmlstring.split(solution); // output should be [ "<html>&l

我如何像这样分开一根线

var htmlstring = "<html><body><div><p>this is <span> example </span>text</p></div></body> </html>"
var output=htmlstring.split(solution);

// output should be 

[ "<html><body><div><p>", "this is", "<span>", "example", "</span>", "text", "</p></div></body> </html>"]
该解决方案应适用于任何html字符串,无论其长度或复杂程度如何

解决方案不必是regex,这正是我到目前为止所使用的

任何更好的功能也可以

我知道火柴可以用

已发现正则表达式可以使用replace函数中的伪变量进行分隔,而不会丢失分隔符,但不会将纯文本分隔为单独的索引


我现在用标签和文本将其分隔开来

此解决方案使用regex工作


我可能会这样做$'这是示例文本

'.text.split'',如果您只需要这些单词。除此之外,由于这些细节,我们更接近于必修课,正则表达式可能不是您希望在这里使用的技术。但是,如果您希望获得有关您的问题的特定帮助,您至少需要共享您尝试使用的正则表达式。使用正则表达式无法从html标记中提取信息,换句话说就是解析。但是可以肯定的是,你可以用它来做一些简单的操作,比如像你要求的那样把标签从文本中分离出来。