如何使用JavaScript更改表格中的列宽？

我试图在用户单击图像时切换表格中两列的宽度。我甚至在点击时使用JavaScript，如果我将新列宽设置为％，但它似乎无法使用px或em，这是我希望用来更好地控制列的工具。这是我正在使用的代码：如何使用JavaScript更改表格中的列宽？

<img alt="Change Widths" title="Switch column widths" src="/*images_path*/*image*.png" onclick="for (j=1;j<=200;j++){document.getElementById('cola'+j).style.width = '60%'; document.getElementById('colb'+j).style.width = '28%';}" onmouseover="this.style.cursor='pointer';"/>

我使用的Firefox是有所作为。谁能帮我？

来源

2011-02-18 Richard Young

如果你想减少细胞的大小，如果你试图把它降低到一个你可能会遇到麻烦大小小于所包含文本的宽度。我建议在你的单元格上设置“overflow：hidden”和“white-space：nowrap”。但请注意，这将最终隐藏溢出单元格的内容。 – 2011-02-18 14:00:32

尝试使用的document.getElementById（）。宽度，而不是.style.width

来源

2011-02-18 14:02:58 Yasen

它的工作对我来说，在表格的TD上选择一个ID来改变和设置.width到一个px值。我从来没有使用过.style.width，只是.width。

来源

2011-02-18 13:58:53 TomCDona

如何使用JavaScript更改表格中的列宽？

回答

相关问题