求助：用js实现表格列宽的更改

JavaScript024

求助：用js实现表格列宽的更改,第1张

在需要更改的表格上添加id或name作为标记，

然后添加js事件触发装置或按钮

触发js事件后，在js函数中，通过id或name定位表格，如document.getElementById("id")

再对表格的样式进行更改 document.getElementById("id").style.width(或height)=""

从字段名称看得出，宽度变化比较大的就是籍贯了，建议你将table的宽度设置成100%，然后里面列不要设置宽度，让其自适应.如果不想td中的文字换行，可以在CSS中控制：

td{white-space:nowrap}

如果要获取宽度可以用以下js

<table width="300" border="1">

  <tr>

    <td>first td</td>

    <td>2</td>

    <td>3</td>

  </tr>

  <tr>

    <td>&nbsp</td>

    <td>&nbsp</td>

    <td>&nbsp</td>

  </tr>

  <tr>

    <td>&nbsp</td>

    <td id="c2">td{ white-space:nowrap}</td>

    <td>&nbsp</td>

  </tr>

</table>

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

<script>

alert($("table tr:first td:eq(0)").width())//获取tr第1列的宽度

alert($("#c2").width()) //获取指定ID的td宽度

</script>