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

发布网友 发布时间：2022-04-24 16:38

我来回答

共1个回答

热心网友 时间：2023-10-23 00:56

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行改成第一行。这里阿拉伯数字改中文数字有点麻烦。你可以再找一下