js实现xml转html
2020年注定不在平凡,武汉疫情的爆发,科比的遇难。大家都闭门不出,心中渴望2020年能否重来。
在家的我都快生锈,时不时学点东西,今天就更新一篇关于 xml DOM的文章。
我得到一系列的xml文件,它们是长这样:
分析过程就不多说了,我需要做的事情是把 Line 标签里 LintText内容拿出来。然后用js将内容拼接起来,转化成html。给大家看下js代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>ICU病程记录</title>
</head>
<body>
<script>
var xmlhttp;
if (window.XMLHttpRequest) {
xmlhttp = new XMLHttpRequest();
} else if (window.ActiveXObject) {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
if (xmlhttp) {
xmlhttp.open("GET", "./ICU病程记录.xml", false);
xmlhttp.send(null);
xmlDoc = xmlhttp.responseXML;
document.write("<table border='1'>");
var x = xmlDoc.getElementsByTagName("Line");
for (i = 0; i < x.length; i++) {
let htm = x[i].getAttribute("LineText");
if (htm) {
document.write("<tr><td>");
document.write(htm);
document.write("</td></tr>");
}
}
document.write("</table>");
}
</script>
</body>
</html>
大家肯定想知道关于 XMLHttpRequest 对象的,这里我就不多说了,比较网上搜索一堆,解释的也比较专业,在此我强调一点,在本地使用,浏览器访问会出现跨域的情况。大家可以使用nginx或者node的http.server或者python的 python -m http.server来解决。希望大家身体健康,疫情过后都直奔健身房。