Fatal编程技术网
  • javascript/
  • 如何使用JavaScript更改表中的列宽？

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

javascript

如何使用JavaScript更改表中的列宽？,javascript,Javascript,我试图在用户单击图像时切换表中两列的宽度。我在点击时使用JavaScript，如果我将新列宽设为%，它可以工作，但使用px或em似乎不起作用，这是我想要更好地控制列的原因。这是我正在使用的代码： <img alt="Change Widths" title="Switch column widths" src="/*images_path*/*image*.png" onclick="for (j=1;j<=200;j++){document.getElementById('cola

我试图在用户单击图像时切换表中两列的宽度。我在点击时使用JavaScript，如果我将新列宽设为%，它可以工作，但使用px或em似乎不起作用，这是我想要更好地控制列的原因。这是我正在使用的代码：

<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，这会有所不同。有人能帮我吗？

我可以在表的TD上选择一个ID来更改，并将.width设置为px值。我从未使用过.style.width，只使用过.width。

尝试使用document.getElementById（）.width而不是.style.width

如果试图减小单元格的大小，如果试图将其减小到小于所包含文本的宽度，则可能会遇到问题。我建议在单元格上设置
溢出：隐藏
和
空白：nowrap
。但是，请注意，这将最终隐藏溢出单元格的内容。