在表中使用innerhtml调用

时间:2013-04-18 23:38:54

标签: javascript html innerhtml

我正在尝试使用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 个答案:

答案 0 :(得分:1)

如果您正确格式化HTML表格,那么阅读会更清晰。从第一眼看,我看到你有

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

myResults是您的相关div。问题是你在<td>内没有任何<tr>个元素。我认为你的代码应该是这样的。

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

这应该会给你想要的结果。