使用javascript为动态创建的表显示tr和td的索引？_Javascript_Html_Css

使用javascript为动态创建的表显示tr和td的索引？

javascript html css

使用javascript为动态创建的表显示tr和td的索引？,javascript,html,css,Javascript,Html,Css,我已经创建了一个表/矩阵，使用javascript我想在单击表数据时打印表行和表数据的索引 <html> <head> <title>Table Creation</title> <script language="javascript" type="text/javascript"> function createTable() { document.write("<ta

我已经创建了一个表/矩阵，使用javascript我想在单击表数据时打印表行和表数据的索引

<html>
    <head>
    <title>Table Creation</title>

    <script language="javascript" type="text/javascript">
    function createTable()
    {
        document.write("<table >");

        for (var x = 1; x < 10; x++) {
            document.write("<tr >");

            for(var y = 1; y < 10; y++) {
                document.write("<td><button>index</button></td>");
            }

            document.write("</tr>");
        }

        document.write("</table>");
    }
    </script>
    </head>

    <body>
        <button onclick="createTable()">Try it</button>
        <div >
        </div>
    </body>
    </html>
</html>


表创建
函数createTable（）
{
文件。填写（“”）；
对于（变量x=1；x<10；x++）{
文件。填写（“”）；
对于（变量y=1；y<10；y++）{
文件。填写（“索引”）；
}
文件。填写（“”）；
}
文件。填写（“”）；
}
试试看

例如，对于第1行警报应为（（1,1）、（1,2）、（1,3）…），对于第2行警报应为（（2,1）、（2,2）、（2,3））

检查以下内容：

<html>
<head>
<title>Table Creation</title>

<script language="javascript" type="text/javascript">
function createTable()
{
document.write("<table >");
for (var x=1; x <10; x++) {
document.write("<tr >");
for(var y=1; y<10; y++) {

document.write("<td><button onclick='alertButton("+x+","+y+")'>index</button></td>");

}
document.write("</tr>");
}
document.write("</table>");
}
function alertButton(row, col){
    alert('('+row+','+col+')');
}
</script>
</head>
<body>
<button onclick="createTable()">Try it</button>
<div >
</div>

</body>
</html>
</html>


表创建
函数createTable（）
{
文件。填写（“”）；
对于（var x=1；x请尝试以下方法：
替换你的线路
document.write("<td><button>index</button></td>");



表创建
函数createTable（）
{
文件。填写（“”）；
对于（var x=1；x），我尝试了这个，但是我得到了一个错误，因为这不是一个函数
document.write("<td><button onclick='getIndex(this)'>index</button></td>");

function getIndex(elem){
  alert(elem.closest('tr').rowIndex + "," 
  + elem.closest('td').cellIndex);
}