js表格空白行数不固定,行数如何铺满当前

JavaScript010

js表格空白行数不固定,行数如何铺满当前,第1张

1、计算表格高度和表格行高。

2、给表格高度设置一个初始值。

3、根据表格中的内容动态调整表格高度。

4、计算出需要添加的空白行数。

5、按照表格行高添加空白行。

6、重新设置表格高度。

7、更新页面显示效果。

用js获取表格元素,行元素tr或者列元素td,进行css样式设置即可

<table><tr><td></td></tr></table>

<script type="text/javascript" scr="jquery.js">

    

    $('tr').css('border','solid 1px purple')

    $('td').css('border-collapse','collapse')

    $('td').css('padding','10px')

</script>

//以上方法是jquery方式实现获得和样式修改

//其中css和attr中参数可变,一个参数时意为获取,两个参数为设置

//设置样式也可给元素添加属性用attr

//或者addClass都可以,添加class属性等

JS获取表格行数和列数 function show() { var tab = document.getElementById("test") //表格行数 var rows = tab.rows.length //表格列数 var cells = tab.rows.item(0).cells.length alert("行数"+rows+"列数"+cells)} nbspnbsp