はそう..にループ

Question

のために、私は私が取得したい私のそれぞれのdivのIDとしてループ内getElementByIdを（）を使用しようとしています内のJavaScriptでtotal_comments1、total_comments2、total_comments3、様配列である要素のIDを取得し、することはできません。このidは、PHPを使用して出力によって割り当てられます。ここで

は私のdivを表示するための私のコードです：ここでは

<?php 
    $i=0; 
    while($row = mysqli_fetch_assoc($ret)): 
     $i++; 
    ?> 
     <tr> 
      <td class="col3 col"> 
       <div id="<?php echo "total_comments".$i ?>"></div> 
      </td> 
     </tr> 

は私のjavascriptのコードです：

<script> 
    for(var i in (result.response)) { 
     var a=document.getElementById("total_comments" + i); 
     a.innerHTML = result.response[i].posts; 
    } 
</script> 

私はdocument.getElementBy IDでそれを唯一"total_posts"を使用します何の誤りもありません。しかし、"total_posts" + iを使用すると、次の行にエラーが発生します。 ヌルの 'innerHTML'プロパティを設定できません。

Answer 1

アレイの開始インデックスは0です。あなたのケースでは

、あなたは、割り当てる前に$iを増加しています。あなたのidを引き起こしている

は0

あなたは割り当てた後、それをインクリメントする必要がありません1から始めます。

修正されたコード：

<?php 
$i=0; 
while ($row = mysqli_fetch_assoc($ret)): 
?> 
<tr> 
    <td class="col3 col"> 
    <div id="<?php echo "total_comments".$i ?>"></div> 
    </td> 
</tr> 
<?php 
$i++; 
endwhile; 
?> 

Answer 2

問題はPHPのサイクルであり、このようにそれを変更しよう：

<?php 
    $i=0; 
    while($row = mysqli_fetch_assoc($ret) { 
    echo '<tr><td class="col3 col">' 
     .'<div id="total_comments'.$i.'"></div>' 
     .'</td></tr>'; 
    $i++; 
    } 
?>