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

CSSでに<tr id="abcd">設定されているため、エラーの原因となっているのはそのです。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";