html 使用JavaScript函数导入XML

1cosmwyk 于 2022-11-20 发布在 Java

关注(0)|答案(3)|浏览(116)

我有一个面板，当点击打开并显示数据。我想有来自XML文件的数据。
我用来显示html文本的JavaScript函数起作用了，所以我尝试使用该函数，但修改它以从另一个文件中获取XML。
JS文件中的JavaScript函数：

function nameFunction () {document.querySelector("#collapse1> .panel-body").innerHTML = "Name works"};

XML文件中的XML

<dashboard>
    <name>name goes here</name>
</dashboard>

调用JS函数的html文件：
<a data-toggle="collapse" href="#collapse1" onClick="nameFunction()" >Name</a>
innerHTML方法可以用于此任务吗？如果可以，有人可以提供一个示例吗？

Html

来源：https://stackoverflow.com/questions/50192920/import-xml-with-javascript-function

3条答案

按热度按时间

webghufk1#

function nameFunction () {
        var xmlText = "<dashboard>"+
            "<name>name goes here</name>"+
            "</dashboard>";
        var parser = new DOMParser();
        var xmlDoc = parser.parseFromString(xmlText,"text/xml");
        document.querySelector("#collapse1 > .panel-body").innerHTML = xmlDoc.getElementsByTagName("name")[0].childNodes[0].nodeValue;
    }

希望这能帮助你！（这工程）

赞(0）回复(0）举报 2022-11-20

r3i60tvu2#

function nameFunction (){
            var xhttp;
            if (window.XMLHttpRequest) { // Create an instance of XMLHttpRequest object. 
                //code for IE7+, Firefox, Chrome, Opera, Safari
                xhttp  =  new XMLHttpRequest();
            } else { // code for IE6, IE5 
               xhttp  =  new ActiveXObject("Microsoft.XMLHTTP");
            }
            xhttp.open("GET", "data.xml", false);
            xhttp.send();
            var xmlDoc = xhttp.responseXML;
            document.querySelector("#collapse1 > .panel-body").innerHTML = xmlDoc.getElementsByTagName("name")[0].childNodes[0].nodeValue;
        }

这在firefox中是有效的，（在chrome中不是--我猜chrome没有XMLHttpRequest API）so now you can parse xml file

赞(0）回复(0）举报 2022-11-20

w8f9ii693#

您可以使用脚本标记导入文件。

<script id="xml" type="notjs" src="XX.xml"></script>

XML文档中的元素。
这就是你想要的吗？

赞(0）回复(0）举报 2022-11-20

我来回答

html 使用JavaScript函数导入XML

3条答案

相关问题

热门标签

最新问答