Javascript 删除表中最后一行时显示警报窗口

Javascript 删除表中最后一行时显示警报窗口,javascript,html,dynamic,html-table,dynamic-tables,Javascript,Html,Dynamic,Html Table,Dynamic Tables,我有一个动态添加和删除行的表。这就是我写的代码 <SCRIPT TYPE="text/javascript"> var count = "2"; function addRow(in_tbl_name) { var tbody = document.getElementById(in_tbl_name).getElementsByTagName("TBODY")[0]; // create row var row = document.createElement("TR"); //

我有一个动态添加和删除行的表。这就是我写的代码

<SCRIPT TYPE="text/javascript">
var count = "2";
function addRow(in_tbl_name)
{
var tbody = document.getElementById(in_tbl_name).getElementsByTagName("TBODY")[0];
// create row
var row = document.createElement("TR");
// create first col
var td1 = document.createElement("TD")
var strHtml1 = "This is the line number " + count;
td1.innerHTML = strHtml1.replace(/!count!/g,count);
// create second col
var td2 = document.createElement("TD")
var strHtml2 = "<INPUT TYPE='Button' CLASS='Button' onClick='delRow()' VALUE='Delete Row'>";
td2.innerHTML = strHtml2.replace(/!count!/g,count);

// append data to row
row.appendChild(td1);
row.appendChild(td2);
// add to count variable
count = parseInt(count) + 1;
// append row to table
tbody.appendChild(row);
}

function delRow()
{
var current = window.event.srcElement;
//here we will delete the line
while ( (current = current.parentElement)  && current.tagName !="TR");
     current.parentElement.removeChild(current);
}
</SCRIPT>

var count=“2”;
函数addRow(在名称中)
{
var tbody=document.getElementById(在名称中).getElementsByTagName(“tbody”)[0];
//创建行
var行=document.createElement(“TR”);
//创建第一列
var td1=document.createElement(“TD”)
var strHtml1=“这是行号”+计数;
td1.innerHTML=strHtml1.replace(/!count!/g,count);
//创建第二列
var td2=document.createElement(“TD”)
var strHtml2=“”;
td2.innerHTML=strHtml2.replace(/!count!/g,count);
//将数据追加到行
第3行。追加子项(td1);
第3行。追加子项(td2);
//添加到计数变量
count=parseInt(count)+1;
//将行追加到表中
tbody.appendChild(世界其他地区);
}
函数delRow()
{
var current=window.event.src元素;
//这里我们将删除该行
而((current=current.parentElement)&¤t.tagName!=“TR”);
current.parentElement.removeChild(当前);
}
下面是HTML元素的代码

<div id="container">
<INPUT TYPE="Button" onClick="addRow('tblPets')" VALUE="Add Row">

<TABLE ID="tblPets" border="1" STYLE="border width:1 orange dashed;background color:#F0E68C;table-row width:2;">

    <TR><TD>Frist col</TD><TD>Second col</TD></TR>
    <TR><TD>This is the line number 1.</TD><TD><INPUT TYPE="Button" CLASS="Button" onClick="delRow()" VALUE="Delete Row"></TD></TR>

</TABLE>
</div>

第一colSecond col
这是1号线。
到目前为止一切正常。我想不出如何完成的最后一步是,当我从表中删除每一行时,会出现一条警告消息,说
alert(“table is empty”)

我该怎么做?如何使我的
delRow()
函数理解表何时完全变空

非常感谢您的帮助。

您可以试试这个

if(document.getElementById("myTable").rows.length == 1)
  alert("this is last row ")
else if (document.getElementById("myTable").rows.length == 0)
  alert("table is empty now ")

事实上,这对我来说是个愚蠢的问题。。我只是用我的计数变量

用这个简单的if

if ( count == 1 )
    alert("Table is empty");
if(current.parentElement.rows.length==o)…的可能重复项