0

我正在使用此代码

<script type="text/javascript">
function loadXMLDoc()
{
    var testValue = document.getElementById("test").value;  
    document.getElementById("test").value = ++testValue;
    var testValue2 = document.getElementById("test").value; 

var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
   xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
    if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
        alert("3");
        document.getElementById("loading").style.display = "none"; 
        alert("4");
        document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
     }
  }
  alert("1");

document.getElementById("loading").style.display = "block"; 

alert("2");
xmlhttp.open("GET","catalog/view/theme/default/template/information/latest_newsroom.php?q="+testValue2,true);
xmlhttp.send();
}
</script>

<form name="testForm" method="post" action="">
    <input type="text" name="test" id="test" value="1"  />
    <input type="button" name="testButton" value="More" onclick="loadXMLDoc()"  />
</form>

它给出了错误：

类型错误：document.getElementById(...) 为空

因为我的函数第二次运行。

4

1 回答 1

1

错误是正确的。

你已经设置了var testValue = document.getElementById("test").value；

所以这document.getElementById("test").value = ++testValue;

应该是testValue.value = ++testValue;因为testValue现在是一个变量。

以下是我在评论中建议的内容：

<script type="text/javascript">
function loadXMLDoc()
{
    var testValue = document.getElementById("test").value;  
    document.getElementById("test").value = ++testValue;
    var testValue2 = document.getElementById("test").value; 

var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
   xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
    if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
        alert("3");
        document.getElementById("loading").style.display = "none"; 
        alert("4");
        document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
     }
    else
     {
        document.getElementById("loading").style.display = "block";
     }
  }
  alert("1");    


alert("2");
xmlhttp.open("GET","catalog/view/theme/default/template/information/latest_newsroom.php?q="+testValue2,true);
xmlhttp.send();
}
</script>

<form name="testForm" method="post" action="">
    <input type="text" name="test" id="test" value="1"  />
    <input type="button" name="testButton" value="More" onclick="loadXMLDoc()"  />
</form>
于 2013-06-05T05:27:16.077 回答