怎么用JavaScript获取table某行数据

表格的第一行为thead中的th

剩下的数据放到tbody中

最后那一行添加的放到tfoot中

对tbody下面的所有tr绑定一个点击事件

事件中获取这个tr下的所有td，就可以获取这行的数据了

大概代码如下:

var trs =documentgetElementById("tbodyId")getElementsByTagName("tr");

for(int i=0;i<=trslength;i++)

{

var tr = trs[i]；

var tds＝trgetElementsByTagName("td");

//下面遍历tds就可以去获取数据了

//把数据放到下面的表单就好了

//然后提交数据，在服务端进行修改

}

html中获取表单数据的的方法一般有两种，一个是使用form表单的action属性将表单的数据提交给后台，另外一种就是使用JavaScript方法获取表单的数据，然后通过ajax传送给后台。

工具原料：编辑器、浏览器

一、使用表单的方法提交数据

1、利用form表单的action属性来获取表单的数据并提交，代码如下：

<form action="form_actionphp" method="get">

  <p>First name: <input type="text" name="fname" /></p>

  <p>Last name: <input type="text" name="lname" /></p>

  <input type="submit" value="Submit" />

</form>

2、以上代码中method指定提交数据的方法为get，action的值是表单数据提交的地址。

二、使用JavaScript方法来获取表单的数据的方法

1、可以使用JavaScript的选择器选择表单的元素并获取其输入的数据，代码如下：

<form action="form_actionphp" method="get">

   <p>First name: <input id="bt1" type="text" name="fname" /></p>

   <p>Last name: <input id="bt2" type="text" name="lname" /></p>

   <input type="submit" value="Submit" />

  </form>

   <script>

   consolelog($('#bt1')val())

   consolelog($('#bt2')val());

   </script>

2、其中$('#bt1')val()就是获取input输入内容的值

你这段js放在哪的？如果在head里，dom都没有加载完，他就执行了，当然找不到相应的元素了。。。所以要写在加载事件之后。。。

windowonload = function() {

    var kkk = documentgetElementById('kkk'),

        qwe = documentgetElementById('qwe');

    if (kkkinnerText == "qqq") {

        kkkstyledisplay = "none";

    }

    if (qweinnerText == "qqq") {

        qwestyledisplay = "none";

    }

}

另外，一般会有个触发机制，上边这样写是能实现的，但是真正用的时候肯定不这么写

以上就是关于怎么用JavaScript获取table某行数据全部的内容，包括:怎么用JavaScript获取table某行数据、html中如何获取表单的数据、JS获取DIV或TD的内容进行判断并隐藏等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！