如何使用 Javascript 调用 xml（标题）标签

Question

我有一个 xml 文件，其主根开头为：

<design title="standard Cards 3.5 x 2" >
      <previews></previews>
      <previews1></previews1>
      <previews2></previews2>
   </design>

我想读取该 xml 文件并获取标题标签并分配选项值。

我还design通过使用w3school 方法获得了这个根标签。我想要design-->title并存储到我的选择框中：

这是我的代码：

var selectHTML = "";
selectHTML += "<select name='something' id='media' onchange='select();'>";
for (i = 0; i < total.length; i = i + 1) {
    if (total[i] != '') {
        xmlDoc = loadXMLDoc($loc);
        var fruits = xmlDoc.documentElement.nodeName;
        if (fruits) {
            alert(fruits);
            var name = xmlDoc.getElementsByTagName("design")
            alert(name);
        }
        selectHTML += "<option value='" + total[i] + "'>" + name + "</option>";
    }
}
selectHTML += "</select>";

这xmlDoc=loadXMLDoc($loc);是xml文件的调用方法。我参考了w3school教程

我只是提醒name 它结果未定义。怎么解决这个问题呢？

我想将name值放入我的选择框选项值中。如何使用 javascript 读取 xml 文件并将其放入选项值中？

Answer 1

尝试通过

var name = xmlDoc.getElementsByTagName("design");
var value = name[0].getAttribute('title')
alert(value);

同样在 w3school 示例中，loadXMLDoc是手动定义的函数。它使用XMLHttpRequest()并ActiveXObject("Microsoft.XMLHTTP")根据您的浏览器类型。所以如果你不包含loadXMLDoc定义，那么就会出现错误。