js 获取tabel Cell 内input 的信息

1. 要建立一个清单，在网页表格内输入信息并可以获取保存。这里只写如何获取table 里单元格里input 或 textarea 的信息

 

2. html 的代码如下：

    <table id="abc">
        <tr v-for=" (r,index) in datax" :key="index"> 
            <td> {{r.name}} </td> 
            <td> {{r.value1}} </td> 
            <td> {{r.value2}} </td> 
            <td> {{r.value3}} </td> 
            <td> {{r.id}} </td> 
            <td> <textarea></textarea></td> 
            <td> <button @click="getid(index)"> 确认id </button> </td> 
        
        </tr>

    </table>

3. data 里的值是这样的，只是测试值：

datax:[
        {name: '2014', value1: 15342, value2: 13842, value3: 13142, id:'x1'},
        {name: '2015', value1: 15342, value2: 13842, value3: 13142, id:'x2'},
        {name: '2016', value1: 15342, value2: 13842, value3: 13142, id:'x3'},
        {name: '2017', value1: 15342, value2: 13842, value3: 13142, id:'x4'},
      ],

 

4. 确认id  button 对应的 js 如下：

      先获取 table 的id, 根据row， cells 获取单元格内对象的的信息，如 input, textarea。

    getid(id){
      let mytable= document.getElementById('abc');
      let bb= mytable.rows[id].cells[5].childNodes[0].value;
      alert(bb)
    },

   

单独获取单元格内的信息使用如下代码。

let bb= mytable.rows[0].cells[5].innerHTML;

 

希望在开发的路上能帮到您，特别分享。