使用javascript

时间:2018-02-09 14:17:07

标签: javascript php css width tablecell

如果满足某个条件,我想修改表格单元格的宽度,我在PHP中确定服务器端。这是将改变宽度的JS:

<script type='text/javascript'>document.getElementById('QuestionDesignTable_r0c0').style.width = '20%';
document.getElementById('QuestionDesignTable_r0c1').style.width = '30%';
document.getElementById('QuestionDesignTable_r0c2').style.width = '20%';
document.getElementById('QuestionDesignTable_r0c3').style.width = '30%';</script>

如果我把它放到我表单上按钮的onclick事件中,它可以工作 - 单元格宽度调整。但是,我希望它不需要单击按钮就可以实现。我希望它在表单呈现后立即发生。所以我想&#34;把它放到JS的头部&#34;。什么都没发生。 &#34;将其放入body标签的onload事件中#34;。没有任何事情发生。

我认为几天前我发现了一个相关的问题。我在外部CSS中设置默认表格单元格宽度。如果我使用onclick

为我的表单添加一个按钮
alert(document.getElementById('QuestionDesignTable_r0c0').style.width);

弹出的对话框为空白。我可以看到宽度是由CSS确定的,但就好像控件实际上并没有存储width属性。

我认为我缺乏HTML页面的构造/执行生命周期的知识,关于CSS如何输入控件的属性,但我不知道在哪里看。所以我真的有两个问题,(i)我可以在哪里放置JS以便在表单呈现时执行(AND IS EFFECTIVE)(ii)在某处有一篇好文章可以告诉我更多。

0 个答案:

没有答案