我正在尝试使用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调用的图像使用浮动到表的顶部,而没有出现在我所在的位置。任何想法为什么会发生这种情况?
答案 0 :(得分:1)
如果您正确格式化HTML表格,那么阅读会更清晰。从第一眼看,我看到你有
<tr>
<div id="myResults"></div>
</tr>
myResults
是您的相关div。问题是你在<td>
内没有任何<tr>
个元素。我认为你的代码应该是这样的。
<tr>
<td>
<div id="myResults"></div>
</td>
</tr>
这应该会给你想要的结果。