表TD不顯示Ajax響應數據

Question

我有一個HTML表結構如下：

<tr> 
    <td> 
     <a href="javascript:view_note('<?php echo $id; ?>')">View note</a> 
    </td> 
<tr>  
<tr> 
    <td id="abcd" > 
     <span id="hidtb_<?php echo $applicants_r[$i]['id']; ?>"></span> 
    </td> 
</tr> 

我的JavaScript：

function view_note(id) 
{ 
    document.getElementById('abcd').style.display="block"; 
    --------------- 
    -------------- 
    ajaxRequest.onreadystatechange = function(){ 
     if(ajaxRequest.readyState == 4){ 
      var ajaxDiv = document.getElementById('hidtb_'+id); 
      //alert('hidtb_'+id); 
      ajaxDiv.innerHTML = ajaxRequest.responseText; 
     } 
    } 

    var queryString = "?id=" + id; 
    ajaxRequest.open("GET", "view_note.php" + queryString, true); 
    ajaxRequest.send(null); 
} 

但是當我點擊查看記錄，但它顯示了tdabcd，它什麼也沒有顯示！但是當我提醒alert(ajaxRequest.responseText)時，它會提示所需的結果。怎麼了？

Answer 1

它的<tr id="abcd">由於在css中設置爲display:none而導致錯誤。試試這個：

<tr id="abcd_<?php echo $applicants_r[$i]['id']; ?>" style="display: none"> 
    <td> 
     <span id="hidtb_<?php echo $applicants_r[$i]['id']; ?>"></span> 
    </td> 
</tr> 

的JavaScript/AJAX：

變化

document.getElementById('abcd').style.display="block";

要
document.getElementById('abcd_'+id).style.display="block";