怎样用js来控制table的高度

怎样用js来控制table的高度,第1张

方法只有一种。

步骤:

1、获取table的dom节点

2、通过js设置table的height属性

代码示例

<body>

<table id='test' border='1'> 定义一个table

<tr>

  <td>111</td><td>222</td>

</tr>

</table>

<script>

var tb = documentgetElementById('test');//获取table的dom节点

tbsetAttribute('height',300);//设置table高度为300

</script>

直接在td里面添加click事件click="test(this)",然后就可以比较容易的获取到table各行各列的值

thisvalue就是里面的值,还有thisinnerText,thisHTMl具体用什么,根据情况考虑

1:你可以给table加一个id这样简单很多。也可以不加id

2:取table里input type="text 所有的值

var len = documentgetElementsByTagName("table")[0]getElementsByTagName("input")length;

var inputVal;

for(var i=0;i<len;i++){

inputVal += documentgetElementsByTagName("table")[0]getElementsByTagName("input")[i]value + "<br />";

}

alert(inputVal);

3:去select下的option的val 一样通过for循环遍历出来。这会吧。

JS获取表格行数和列数

<html>

<head>

<script type="text/javascript">

function show()

{

var tab = documentgetElementById("test") ;

//表格行数

var rows = tabrowslength ;

//表格列数

var cells = tabrowsitem(0)cellslength ;

alert("行数"+rows+"列数"+cells);

}

</script>

</head>

<body>

<table id="test" border="1">

<tr>

<td> </td><td>nbsp;</td>

</tr>

<tr>

<td> </td><td>nbsp;</td>

</tr>

</table>

<input type="button" onclick="show();"/>

</body>

</html>

以上就是关于怎样用js来控制table的高度全部的内容,包括:怎样用js来控制table的高度、js中如何获得jsp里table中的值、js 获取table中表单中的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9278474.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-26
下一篇2023-04-26

发表评论

登录后才能评论

评论列表(0条)

    保存