Question

我有一个JavaScript生成的表，它在循环中插入一行/单元格。每个循环都有来自php文件的数据拉取。在我使单元格可单击后，我正在尝试为每个单元格分配一个唯一的ID。我可以点击单元格来获取id，但是单元格1表示id为1，然后单元格2表示id为2，但是当我再次单击单元格1时，它的id为2而不是之前的id。我在下面提供了我的代码。如果有人能看到我的错误或只是指出我正确的方向，请告诉我。

<table id="myTable">
        <tr>
        </tr>
    </table>
    <br>

<p onload="myFunction()"></p>
<script>  <!-- below is the function for the new items.-->
    var i = 0;
    function myFunction() {
            setInterval(function() {
            var table = document.getElementById("myTable");
            var row = table.insertRow(0);
            var cell1 = row.insertCell(0);
            cell1.id = "i";
            cell1.onclick = function(){alert(i);};
            cell1.innerHTML = "<?php include('Trick.php')?>";
            i++;
            },10000);} 
</script>

下面是我的css文件：

 table, th, td {

        border-collapse: seperate;
        border-spacing: 10px 10px;
        width: 100%;
        border:visible='false';
        color:white;
        font-size:34px;
        z-index:9;

        }
            td:hover {
            background-color:limegreen;
            }
    td{background-color:gray};

Answer 1

首先，您将字母“i”指定为id：

cell1.id =“i”;

第二，当您发出警报时，警告框会显示全局变量i的值，该值对于所有元素（最后一个值）都是相同的

A aligned:true
B aligned:false
0xaeb180
0xaeb181
0xaeb182

javascript生成的表我需要为每个生成的单元格分配一个单独的id。

1 个答案: