html表格设计问题，当无记录时显示提示“无记录”，但添加后该提示如何隐藏，如何修改，代码如下：

<html><head><styletype="text/css">table{font:normal12pxauto;color:#4f6b72;background:... <html>
<head>
<style type="text/css">
table {
font: normal 12px auto;
color: #4f6b72;
background: #E6EAE9;
height:30px;
width: 220px;
padding: 0;
margin: 0;
font: normal 11px auto ;
color: #4f6b72;
background: #E6EAE9;
}
th {
font: bold 14px;
color: #4f6b72;
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
letter-spacing: 2px;
text-transform: uppercase;
text-align: center;
padding: 6px 6px 6px 12px;
background: #CAE8EA no-repeat;
}
td {
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
border-top: 0;
border-left: 0;
font-size:12px;
padding: 6px 6px 6px 12px;
background: #f5fafa;
}
</style>
<script language="javascript">
function findObj(theObj, theDoc){
var p, i, foundObj;
if(!theDoc) theDoc = document;
if( (p = theObj.indexOf("?")) > 0 && parent.frames.length) {
theDoc = parent.frames[theObj.substring(p+1)].document;
theObj = theObj.substring(0,p);
}
if(!(foundObj = theDoc[theObj]) && theDoc.all) foundObj = theDoc.all[theObj];
for (i=0; !foundObj && i < theDoc.forms.length; i++)
foundObj = theDoc.forms[i][theObj];
for(i=0; !foundObj && theDoc.layers && i < theDoc.layers.length; i++)
foundObj = findObj(theObj,theDoc.layers[i].document);
if(!foundObj && document.getElementById)
foundObj = document.getElementById(theObj);
return foundObj;
}

function AddSignRow(){
var txtTRLastIndex = findObj("txtTRLastIndex",document);
var rowID = parseInt(txtTRLastIndex.value);

var signFrame = findObj("SignFrame",document);

var newTR = signFrame.insertRow(signFrame.rows.length);
newTR.id = "SignItem" + rowID;

var newNameTD=newTR.insertCell(0);
newNameTD.innerHTML = newTR.rowIndex.toString();

var newKeyTD=newTR.insertCell(1);
newKeyTD.innerHTML = "<input name='Keys" + rowID + "' id='Keys" + rowID + "' type='text' size='20' style='width:150px'/>";
txtTRLastIndex.value = (rowID + 1).toString() ;
}
function DeleteSignRow(rowid){
var signFrame = findObj("SignFrame",document);
var signItem = findObj(rowid,document);
var rowIndex = signItem.rowIndex;
signFrame.deleteRow(rowIndex);
for(i=rowIndex;i<signFrame.rows.length;i++){
signFrame.rows[i].cells[0].innerHTML = i.toString();
}
}
</script>
</head>
<body ><div>
<input type="button" name="Submit" value="添加" onClick="AddSignRow()" />
<input name='txtTRLastIndex' type='hidden' id='txtTRLastIndex' value="1" />
</div>
<div class=a>
<table border="0" cellpadding="2" cellspacing="0" id="SignFrame" >
<tr id="trHeader">
<th width="33.3" align="center">编号</th>
<th width="150">关键字</th>
</tr>
<tr align="center" class="bg_white">
<td class="bg_white" align="center" colspan="10">无记录!</td>
</tr> </table>
</div></body>
</html> 展开

 我来答

1个回答

#热议# 生活中有哪些实用的心理学知识？

缓步莫迟疑C
推荐于2016-10-29 · TA获得超过1.1万个赞

知道大有可为答主

回答量：6217

采纳率：73%

帮助的人：6705万

我也去答题访问个人页

关注

展开全部

<html>
<head>
<style type="text/css">
table {
font: normal 12px auto;
color: #4f6b72;
background: #E6EAE9;
height:30px;
width: 220px;
padding: 0;
margin: 0;
font: normal 11px auto ;
color: #4f6b72;
background: #E6EAE9;
}
th {
font: bold 14px;
color: #4f6b72;
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
letter-spacing: 2px;
text-transform: uppercase;
text-align: center;
padding: 6px 6px 6px 12px;
background: #CAE8EA no-repeat;
}
td {
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
border-top: 0;
border-left: 0;
font-size:12px;
padding: 6px 6px 6px 12px;
background: #f5fafa;
}
</style>
<script language="javascript">
function findObj(theObj, theDoc){
var p, i, foundObj;
if(!theDoc) theDoc = document;
if( (p = theObj.indexOf("?")) > 0 && parent.frames.length) {
theDoc = parent.frames[theObj.substring(p+1)].document;
theObj = theObj.substring(0,p);
}
if(!(foundObj = theDoc[theObj]) && theDoc.all) foundObj = theDoc.all[theObj];
for (i=0; !foundObj && i < theDoc.forms.length; i++)
foundObj = theDoc.forms[i][theObj];
for(i=0; !foundObj && theDoc.layers && i < theDoc.layers.length; i++)
foundObj = findObj(theObj,theDoc.layers[i].document);
if(!foundObj && document.getElementById)
foundObj = document.getElementById(theObj);
return foundObj;
}

function AddSignRow(){
document.getElementById('norecord').style.display='none';
var txtTRLastIndex = findObj("txtTRLastIndex",document);
var rowID = parseInt(txtTRLastIndex.value);

var signFrame = findObj("SignFrame",document);

var newTR = signFrame.insertRow(signFrame.rows.length);
newTR.id = "SignItem" + rowID;

var newNameTD=newTR.insertCell(0);
newNameTD.innerHTML = newTR.rowIndex.toString();

var newKeyTD=newTR.insertCell(1);
newKeyTD.innerHTML = "<input name='Keys" + rowID + "' id='Keys" + rowID + "' type='text' size='20' style='width:150px'/>";
txtTRLastIndex.value = (rowID + 1).toString() ;
}
function DeleteSignRow(rowid){
var signFrame = findObj("SignFrame",document);
var signItem = findObj(rowid,document);
var rowIndex = signItem.rowIndex;
signFrame.deleteRow(rowIndex);
for(i=rowIndex;i<signFrame.rows.length;i++){
signFrame.rows[i].cells[0].innerHTML = i.toString();
}
}
</script>
</head>
<body ><div>
<input type="button" name="Submit" value="添加" onClick="AddSignRow()" />
<input name='txtTRLastIndex' type='hidden' id='txtTRLastIndex' value="1" />
</div>
<div class=a>
<table border="0" cellpadding="2" cellspacing="0" id="SignFrame" >
<tr id="trHeader">
<th width="33.3" align="center">编号</th>
<th width="150">关键字</th>
</tr>
<tr align="center" class="bg_white">
<td id="norecord" class="bg_white" align="center" colspan="10">无记录!</td>
</tr> </table>
</div></body>
</html>

更多追问追答

追问

我这有一些改动，同时虽然能够隐藏，但是又出现一个问题，就是编号不是从1开始的
我重新提问，麻烦你在看下，另外就是，我添加一个删除按钮，加入把所有记录删除完了，如何让提示再显示出来？
提问的题目只在最前面加上“关于”2字，其他不变

追答

那先把这贴结了吧.

本回答被提问者采纳

已赞过 已踩过<

评论收起

莆田市荔城区月飞翔网络..

广告2025-03-27

还在为视频格式不兼容烦恼?嗨h格式视频转换器支持1000+格式，高清无损转换，操作简单，小白也能快速上手!立即下载体验!

www.yuefeixiang.cn

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

您可能关注的内容

图片怎么转换成表格形式-在线在线转换-支持jpg，jpeg，png多种格式

图片怎么转换成表格形式，一款专业的图片格式转换器，支持批量转换，快速处理，还有更多功能在线使用，图片压缩，视频压缩，pdf文件压缩及格式转换等，在线体验

tpspys.najgzeyu.cn广告

图片格式转换软件大全-支持jpg，bmp，png等格式-PDF转word，PPT

图片格式转换软件大全，一款专业的图片文件格式转换工具，支持jpg，jpeg，bmp，png等多种图片格式互转，在线网页转换，无需下载，还有PDF文件转换功能，PDF转Word，PPT，Excel，图片格式

tpspys.najgzeyu.cn广告

2025全新转化图片_优质正版图库_精选素材_免费下载

500万原创免抠素材，多种样式，轻松下载，助您提高设计工作效率!转化图片，千万设计师正在使用熊猫办公素材，找转化图片不再困难!

www.tukuppt.com广告

html表格设计问题，当无记录时显示提示“无记录”，但添加后该提示如何隐藏，如何修改，代码如下：

您可能关注的内容

其他类似问题

为你推荐：