怎样才能在下面的html打开后一个alert弹出表单一行的信息，弹完为止，表头除外

奉上代码求大神解答<html><head><script>window.onload=function(){varoTab=document.getElementById... 奉上代码求大神解答

<html>
<head>
<script>
window.onload=function ()
{
var oTab=document.getElementById('tab1');

var oBtn=document.getElementById('btn1');
var oName=document.getElementById('name');
var oAge=document.getElementById('age');
var oTxt=document.getElementById('search');
var oBtn2=document.getElementById('btn2');

</script>
</head>

<body>
用户名：<input id="name" type="text" />
邮箱：<input id="age" type="text" />
<input id="btn1" type="button" value="添加" />
查询：<input id="search" type="text" />
<input id="btn2" type="button" value="搜索" />
<table id="tab1" border="1" width="500">
<thead>
<td>编号</td>
<td>用户名</td>
<td>邮箱</td>
<td></td>
</thead>
<tbody>
<tr>
<td>1</td>
<td>李中伟</td>
<td>943541079</td>
<td></td>
</tr>
<tr>
<td>2</td>
<td>张三</td>
<td>232134123</td>
<td></td>
</tr>
<tr>
<td>3</td>
<td>李四</td>
<td>24512328</td>
<td></td>
</tr>
<tr>
<td>4</td>
<td>王五</td>
<td>9731244425</td>
<td></td>
</tr>
<tr>
<td>5</td>
<td>张伟</td>
<td>2187732894</td>
<td></td>
</tr>
</tbody>
</table>
</body>
</html> 展开

 我来答

1个回答

#热议# 应届生在签三方时要注意什么？

zhaoapk
推荐于2017-10-01 · TA获得超过3771个赞

知道大有可为答主

回答量：1343

采纳率：40%

帮助的人：1618万

我也去答题访问个人页

关注

展开全部

window.onload=function ()
{
	var oTab=document.getElementById('tab1');
	
	var oBtn=document.getElementById('btn1');
	var oName=document.getElementById('name');
	var oAge=document.getElementById('age');
	var oTxt=document.getElementById('search');
	var oBtn2=document.getElementById('btn2');
  
  /* 下面是新加的js */
  var oRows = oTab.getElementsByTagName('tbody')[0].rows;

  var oCells;
  var msg;

  for (var i = 0; i < oRows.length; i++) {
    oCells = oRows[i].cells;
    msg = '第' + (i + 1) + '行\n';
    for (var j = 0; j < oCells.length; j++) {
      msg += '第' + (j + 1) + '列=>' + oCells[j].innerHTML + '\n';
    }
    alert(msg);
  }
  
}

追问

我要的不是
第1行
第1列=>1
第2列=>李中伟
第3列=>943541079
第4列=>

是
第一行
编号=>1
用户名=>李中伟
邮箱=>943541079

大神能改改吗?  谢谢了

追答

window.onload=function ()
{
    var oTab=document.getElementById('tab1');
     
    var oBtn=document.getElementById('btn1');
    var oName=document.getElementById('name');
    var oAge=document.getElementById('age');
    var oTxt=document.getElementById('search');
    var oBtn2=document.getElementById('btn2');
   
  /* 下面是新加的js */
  // 获取标题
  var aTitle = [];
  var oTitleCells = oTab.getElementsByTagName('thead')[0].rows[0].cells;
  for (var k = 0; k < oTitleCells.length; k++) {
    aTitle.push(oTitleCells[k].innerHTML);
  }

  var oRows = oTab.getElementsByTagName('tbody')[0].rows;
 
  var oCells;
  var msg;
 
  for (var i = 0; i < oRows.length; i++) {
    oCells = oRows[i].cells;
    msg = '第' + (i + 1) + '行\n';
    for (var j = 0; j < oCells.length; j++) {
      msg += aTitle[j] + '=>' + oCells[j].innerHTML + '\n';
    }
    alert(msg);
  }
   
}

如果不需要第四列就把它删了。

第1行改成第一行。这里阿拉伯数字改中文数字有点麻烦。你可以再找一下

已赞过 已踩过<

评论收起

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

怎样才能在下面的html打开后 一个alert弹出表单一行的信息，弹完为止，表头除外

其他类似问题

为你推荐：

怎样才能在下面的html打开后一个alert弹出表单一行的信息，弹完为止，表头除外