javascript - AJAX 响应数据未显示在表 td 中

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); 
}

但是当我点击查看注释时，虽然它显示了td abcd，但它什么也没显示！但是当我提醒 时alert(ajaxRequest.responseText)，它会提醒想要的结果。怎么了？

Answer 1

它<tr id="abcd">是导致错误的原因，因为它display:none在css中设置为。尝试这个：

<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";