删除表中的最后一行时显示警报窗口
Display alert window when last row from table gets deleted
我有一个表,可以在其中动态添加和删除行。这是我为完成而写的代码
<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>
这是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>
到目前为止一切都很好。我想不出如何完成的最后一步是,当我从表中删除每一行时,会出现一条警告消息,上面写着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");
相关文章:
- 谷歌地图-数据库中的标记只显示最后一行的信息
- 允许为显示的每个数据表选择一行
- 隐藏的锚链接下降在下一行一旦显示
- 使用下拉选择菜单高亮显示一行表格单元格
- 从 html 表中选择一行(突出显示)并在单击按钮时发送值
- 文档的第一行.写的格式不正确,有时无法显示
- 选择并高亮显示一行中的单元格
- 在表格最后一行(链接)中显示菜单,并在单击菜单项时显示模式窗口
- 在同一行中为每个复选框显示和隐藏文本字段
- 如果最后一行已经显示,如何防止jQuery加载更多停止函数
- 展开/折叠显示一行,而隐藏其他行
- 当鼠标放在一行上时,jqplot会高亮显示该行
- 删除表中的最后一行时显示警报窗口
- 当鼠标悬停在一行上时,哪个plot.ly json属性可以显示所有悬停数据
- 从数据表中选择一行以显示单选按钮值
- 使用 javascript 在警报消息中显示表的第一行
- 对于循环,如何在一行上显示每个字符
- 在Angular.js中,点击前一行显示下一行(隐藏的)
- JQuery移动页脚项不在一行显示
- 如何在角的每一行显示两列