动态表创建和添加行

动态表创建和添加行

本文介绍了Javscript:动态表创建和添加行的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

Javascript

Javascript

var t="<table id='datatable'>";
        t+=" <tbody><tr><td>head1</td><td> head </td><td> head 1</td></tr>";
        t+="<tr><td>value from db</tr></td>";
        t+=" </tbody></table>";
        document.getElementById('invitee').innerHTML=t;//div tag





以上是我要创建的代码通过从数据库获取数据的动态表



点击按钮我需要在上表中添加一个新行



Above is my code to create a dynamic table by getting data from database

On clicking a button i need to add a new row to the above table

function addRow() {
            var table = document.getElementById('dataTable');
            var rowCount = table.rows.length;
            var row = table.insertRow(rowCount);
            var cell2 = row.insertCell(0);
            cell2.innerHTML = "SDGF";
            var cell3 = row.insertCell(1 );
            var element2 = document.createElement("input");
            element2.type = "button";
            element2.name = "delete";
            cell3.appendChild(element2);
        }



这是添加行的方法。

此方法在html中创建静态表时工作正常但不是对于上面的那个。我收到一个错误

未捕获的TypeError:无法读取属性''行'的null

任何人请帮我解决这个问题。


this is the method to add a row.
this method works fine while creating a static table in html but not for the above one.I am getting an error
"Uncaught TypeError: Cannot read property 'rows' of null "
Anybody please help me solve this issue.

推荐答案

Quote:

var table = document.getElementById('dataTable');

var table = document.getElementById('dataTable');

to

to

var table = document.getElementById('datatable');


这篇关于Javscript:动态表创建和添加行的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

08-12 13:53