Javascript格式化并高亮可扩展标记语言字符串的方法及注意事项

两个关键点

1.使用DOMParser解析xml2 .递归遍历可扩展标记语言树，按格式输出每一个节点

关于使用DOMParser

此方法目前在IE9以上和其它浏览器里都是支持的，所以这里不在写关于IE9以下不支持的情况，具体的使用请跳转

https://developer.mozilla.org/en-US/docs/Web/API/DOMParser

爪哇岛描述语言代码

/** * 格式化xml * @ param内容* @返回{ * } */this。parse _ XML=函数(内容){让XML _ doc=null请尝试{ xml_doc=(新的DOMParser()).parseFromString(内容。替换(/[\ n \ r/g ' ')、“文本/XML”)；} catch(e){ return false；}函数build_xml(索引、列表、元素){ let t=[]；用于(设I=0；一级指数；I){ t . push(')；} t=t . join(" ")；名单。push(t ' span class=' code-key '元素。nodename '/span \ n ')；用于(设I=0；我元素。子节点。长度；I){ 0让nodeName=element.childNodes[i].nodeNameif(元素。子节点[I]。子节点。length===1){ let value=element。子节点.子节点[0]。节点值让value_color=！isNaN(数字（值))?代码号":"代码字符串；让value _ txt=' span class=' value _ color ' ' ' value '/span '；let item=t ' span class=' code-key ' ' nodeName '/span ' value _ txt '/span class=' code-key ' ' nodeName '/span \ n '；名单。推送(项目)；} else { build_xml(索引、列表、元素。子节点[I])；} }列表。push(t '/span class=' code-key '元素。nodename '/span \ n ')；} let list=[]；build_xml(0，列表，XML _ doc。文档元素)；返回名单。联接(" ")；};钢性铸铁。代码字符串{ color: # 993300}。代码号{ color: # cc00cc}。code-boolean { color : # 000033；}.code-null { color :品红色；}.代码键{ color : # 003377 font-weight : bold；}效果

注意

DOMParser在解析可扩展标记语言时，如果可扩展标记语言字符串里有些特殊的字符，解出来的树节点有些是不需要的，会倒置遍历节点失败。

总结

以上所述是小编给大家介绍的爪哇岛描述语言格式化并高亮可扩展标记语言字符串，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！