需要在getElementsByTagName函数中使用变量

Question

下面的代码可以很好地运行，并带有硬编码的标签名称。 我需要能够使用将返回我指定的标签的变量来调用“ loadDoc”。 我对JQuery相当陌生，我不确定如何完成此任务。

非常感谢。

function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (xhttp.readyState == 4 && xhttp.status == 200) {
      myFunction(xhttp);
    }
  }
  xhttp.open("GET", "pyg280c.xml", true);
  xhttp.send(); 
  }

function myFunction(xml) {
  var i;
  var xmlDoc = xml.responseXML;
  var htext = "";
  var x = xmlDoc.getElementsByTagName("PYP280CR");
  for (i = 0; i <x.length; i++) { 
      htext += "<p>" + x[i].getElementsByTagName("PCST")[0].childNodes[0].nodeValue + "</p>";
  }
  document.getElementById("helptext").innerHTML = htext;
}

Answer 1

因为您说过在对标签名称进行硬编码时工作正常，然后按照@Hackerman所说将标签名称传递给loadDoc函数。 将其传递给myFunction函数，并只需在getElementByTagName（tag）函数中使用标记名变量（变量周围不带引号）。 它应该工作。

function loadDoc(myTagName) {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (xhttp.readyState == 4 && xhttp.status == 200) {
      myFunction(xhttp, myTagName);
    }
  }
  xhttp.open("GET", "pyg280c.xml", true);
  xhttp.send(); 
  }

function myFunction(xml, tag) {
  var i;
  var xmlDoc = xml.responseXML;
  var htext = "";
  var x = xmlDoc.getElementsByTagName("PYP280CR");
  for (i = 0; i <x.length; i++) { 
      htext += "<p>" + x[i].getElementsByTagName(tag)[0].childNodes[0].nodeValue + "</p>";
  }
  document.getElementById("helptext").innerHTML = htext;
}

仅供参考-您提到了jQuery。 您的代码中没有jQuery。 jQuery可能会更容易做到这一点。

jQuery版本，包括一些默认的ajax错误处理：

function loadDoc(tag){
    $.ajax({
        url: "pyg280c.xml",
        type: "GET",
        dataType: "xml",
        success: function(xml){
                    var xmlDOC = $.parseXML(xml.responseXML);
                    var x = $(xmlDOC).find("PYP280CR");
                    var htexts = $.map(x, function(el, idx){
                        return $(el).find(tag).children()[0].val();
                    }
                    htext = htexts.join(" ");
                    $('#helptext').html(htext);
                 },
        error: function (xhr, ajaxOptions, thrownError){
                    console.log('status = ' + xhr.status);
                    console.log('error = ' + thrownError);
               } 

}