javascript生成的表我需要为每个生成的单元格分配一个单独的id
javascript generated table I need to assign a seperate id to each generated cell.
我有一个由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};
首先,将字母"i"分配为id:
cell1.id="i"
第二,当您发出警报时,警报框显示全局变量i的值,该值对于所有元素(最后一个值)都是相同的
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.addEventListener("click",function(){
alert(this.id);
});
cell1.innerHTML = "aaaaa";
i++;
},1000);
}
相关文章:
- 如何将HTML id分配给元素,以及如何将JavaScript应用于元素
- difference between '$(<%= DDL.ID %>) & $('
- 使用Javascript获取所选选项ID
- 在单独的ul's
- Javascript排序的图像弹出窗口..可以't单独弹出
- 类似系统:循环形成唯一id,得到这些id'使用jQuery/Javascript单独发布
- 两个单独的表单,输入具有相同的名称和id
- 为类中的所有元素提供单独的 Id Javascript
- 使用 addEventListener 在 JavaScript 中设置单独的函数参数以具有唯一的 ID
- 如何在创建动态输入文件时获取相同输入类型的单独 ID
- AngularJS 过滤器:将具有唯一 ID 的对象过滤到单独的对象中
- 两个单独的文本框;id”;属性
- javascript生成的表我需要为每个生成的单元格分配一个单独的id
- 在 .animate 的步骤函数中单独跟踪 id 属性
- 引用来自单独XUL文件的id
- 为每个youtube视频ID单独获取请求
- 如何在不知道元素ID的情况下使其单独替换
- 从 url 中获取 ID 号(单独),并使用它来选择具有该 ID 号的 ID(使用 jquery)
- JavaScript/jQuery在多维JSON对象中查找ID号,并将ID号所在的对象单独用作对象
- 在单独的表中按类或ID突出显示2行