javascript - 如何使用javascript获取警报消息中表中的文本框值

Question

这是使用 JavaScript 动态创建的表格，我想使用 GetCellValues() 函数在警报消息中显示此文本框值。

function makeTable()
{
    row=new Array();    
    cell=new Array();

    row_num=20; 
    cell_num=4;

    tab=document.createElement('table');    
    tab.setAttribute('id','newtable');

    tbo=document.createElement('tbody');    
    tbo.setAttribute('id','tabody');

    for(c = 0;c < row_num; c++)   
    {
        row[c]=document.createElement('tr');

        for(k = 0; k < cell_num; k++)
        {
            cell[k] = document.createElement('td');
            if (k > 0)
            {
                cont=document.createElement("input");
                cont.setAttribute('type','text');
                cell[k].appendChild(cont);
                row[c].appendChild(cell[k]);
            }            
            else
            {
                cont=document.createTextNode("0" + (c+1));
                cell[k].appendChild(cont);
                row[c].appendChild(cell[k]);                    
            }
       }

       tbo.appendChild(row[c]);
    }  

    tab.appendChild(tbo);
    document.getElementById('mytable').appendChild(tab);
    mytable.setAttribute("align", "top-left");
}

请检查GetCellValues()函数，该函数没有显示警报消息中的文本框值。

function GetCellValues()
{
    row=new Array();    
    cell=new Array();

    row_num=20;    
    cell_num=4;

    tab = document.getElementsByTagName('table');   
    tbo = tab.getElementsByTagName('tbody');

    for(c = 0;c < row_num; c++)
    {   
        row = tbo.getElementsByTagName('tr');

        for(k = 0; k < cell_num; k++)
        {
             cell = row.getElementsByTagName('td');
             {
                 cont=cell.getElementsByTagName('input');
                 {
                     alert(cont.value);
                 }
             }
         }
     }
}

Answer 1

我认为您需要对 GetCellvalues 函数进行一些修改，如 tab.getElementsByTagName('tbody');不会获得具有标签名称 tbody 的元素，您应该使用 document.getElementsByTagName .

您可以查看代码的工作演示 here