xml to html

最新推荐文章于 2022-08-22 19:18:20 发布

执。

最新推荐文章于 2022-08-22 19:18:20 发布

阅读量822

点赞数 1

分类专栏： JavaScript 文章标签： javascript xml html xmlhttp

本文链接：https://blog.csdn.net/qq_21484935/article/details/104118759

版权

JavaScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

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来解决。希望大家身体健康，疫情过后都直奔健身房。

执。

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
xml to html

js实现xml转html2020年注定不在平凡，武汉疫情的爆发，科比的遇难。大家都闭门不出，心中渴望2020年能否重来。在家的我都快生锈，时不时学点东西，今天就更新一篇关于 xml DOM的文章。我得到一系列的xml文件，它们是长这样：分析过程就不多说了，我需要做的事情是把 Line 标签里 LintText内容拿出来。然后用js将内容拼接起来，转化成html。给大家看下js代码：&l...
复制链接

扫一扫