Javascript Ajax调用只在第一次起作用

我的javascript/ajax代码第一次可以工作，但之后就不行了。再次调用函数时，GetAttribute元素为null。我尝试过使用createElement和AppendChild，但它做了同样的事情。如果我不需要getAttribute，它可以正常工作，但是我无法让函数与getAttribute方法一起工作。任何帮助都将不胜感激

function ajaxFunction(Picked) { 
var getdate = new Date();
 if(xmlhttp) { 
    var Pic1 = document.getElementById("Pic1").getAttribute("name");
    var Pic2 = document.getElementById("Pic2").getAttribute("name");
    if (Picked === Pic1 ){
    var Chosen = Pic1;
    var NotChosen = Pic2;
}
else {
    var Chosen = Pic2;
    var NotChosen = Pic1;
}
    xmlhttp.open("POST","choice.php",true);
    xmlhttp.onreadystatechange  = handleServerResponse;
    xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    xmlhttp.send("Chosen=" + Chosen + "&NotChosen=" + NotChosen );
    }
 }

function handleServerResponse() {
  if (xmlhttp.readyState == 4) {
  if(xmlhttp.status == 200) {
       var response = xmlhttp.responseText;
       response = response.split("|");
       document.getElementById('Pic1').innerHTML = response[0];//New Pic
       document.getElementById('Pic2').innerHTML = response[1];        
  }
  else {
    alert("Error. Please try again");
  }
 }
}

---

将您的

如果

更改为

if (Picked === Pic1)

---

通过编写

if（Picked=Pic1）

，您将

Picked

分配给

Pic1

是否有您不使用框架/库的原因？爱好，我只是为自己和朋友编程。还没有坐下来了解jquery等的详细情况，仍然无法获得图片的名称