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

JavaScript08

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

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

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

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

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

您好:

我可以很负责人的告诉你,如果你想实现拖动Table动态改变宽和高,是很麻烦的.实现原理主要是用到了鼠标的几个事件:mousedown() mouseup() mousemove() mouseout()等方法.

实现流程:①当鼠标指向表格的单元格的边缘时,鼠标形状变为可拖的形状,

②鼠标在表格竖线上按下的时候,获得点击事件源所在的列,拖动的时候js动态改变td的width值来改变度,松开鼠标保存

③鼠标在表格横线上按下的时候,获得点击事件所在的行,拖动的时候js动态改变tr的height,松开鼠标保存.

希望帮到你吧.