2013-04-18 20 views
0

我正在嘗試使用innerHTML將動態圖像放在我的頁面上的一行表中。圖像顯示出來,然而,由於某種原因,它漂浮在桌子的頂部。有沒有什麼辦法,以確保它保持我有它的行下面是一些代碼snippits:在表格內使用innerhtml調用

在JavaScript:

的document.getElementById(「myResults」)的innerHTML =「」。 ;

在HTML:

<td class="label"><label for="description">Description:</td> 

             </tr> 
             <tr> 
             <td class="label"> 
              <div class ="<?php echo form_row_class("bio") ?>" > 
              <div class="styled_textarea"> 
               <textarea type="text" id="bio" onfocus="this.value=''; setbg('#f0f7f8');" onblur="setbg('white')" name="bio" value="<?php echo h($_POST['bio']); ?>" rows="10"></textarea> 
              </div> 
              </div> 
             </td> 

             </tr> 


             <tr> 
             <td class="label"><label for="image"><div class="vspace2em"></div>Image:</label></td> 
             </tr> 
             <tr> 
             <td class="label"> 

<a id="edit_image"></a> 
<div class="row"> 
<div class="span10 offset1"> 
<div id="editpane"> 
<button class="btn btn-large btn-primary openbutton" type="button">Open an Image</button> 
</div> 
</div> 
</div> 


             </td> 



             <td> 

              <?php if($current_user2): ?> 

               <?php if($current_user2['filepicker'] != ''): ?> 

                <img src="<?php echo $current_user2['filepicker'];?>"> 

               <?php endif; ?> 

              <?php endif; ?> 

             </td> 
             </tr> 

             <tr> 

             <div id="myResults"></div> 

             </tr> 

等等

稱爲使用的innerHTML花車表中由於某種原因的頂部,沒有出現我有它坐落在那裏的圖像。任何想法爲什麼發生這種情況?

回答

1

如果你正確格式化HTML表格,閱讀會更清晰。從第一眼我看到你有

<tr> 
    <div id="myResults"></div> 
</tr> 

myResults是你相關的股利。問題是你在<tr>裏沒有任何<td>元素。我認爲你的代碼應該是這樣的。

<tr> 
    <td> 
     <div id="myResults"></div> 
    </td> 
</tr> 

這應該給你想要的結果。