deleteCell.innerHTML = '<a href="javascript:;" >删除</a>'循环加入value并获取他的value
时间: 2023-10-07 22:06:01 浏览: 38
好的,理解了你的意思。那么循环加入value的代码可以这样写:
```javascript
for (var i = 0; i < data.length; i++) {
var row = table.insertRow();
for (var j = 0; j < columns.length; j++) {
var cell = row.insertCell();
cell.innerHTML = data[i][columns[j]];
}
var deleteCell = row.insertCell();
deleteCell.innerHTML = '<a href="javascript:;">删除</a>';
deleteCell.getElementsByTagName('a')[0].onclick = function() {
var value = this.parentNode.parentNode.cells[0].innerHTML;
console.log(value);
// 在这里可以进行删除操作
};
}
```
这里假设`data`是一个二维数组,每一行表示一个数据项,每一列表示一个属性。`columns`是一个数组,存储了要显示的属性的名称。在每一行的最后一列加入一个“删除”链接,并为其添加点击事件监听器。点击链接时,获取该行第一列的值,并进行相应的删除操作。
相关问题
deleteCell.innerHTML = '<a href="javascript:;" >删除</a>'循环加入value
好的,如果您想在循环中为每个删除链接添加不同的 value 值,可以在循环中使用模板字符串,像下面这样修改代码:
```
deleteCell.innerHTML = `<a href="javascript:;" value="删除${i}">删除</a>`;
```
这样就可以为每个删除链接添加不同的 value,其中 `${i}` 表示当前循环的索引值。
完整代码如下:
```
<html>
<body>
<table id="myTable">
<tr>
<td>Row 1, Column 1</td>
<td><a href="javascript:;" value="删除1">删除</a></td>
</tr>
<tr>
<td>Row 2, Column 1</td>
<td><a href="javascript:;" value="删除2">删除</a></td>
</tr>
<tr>
<td>Row 3, Column 1</td>
<td><a href="javascript:;" value="删除3">删除</a></td>
</tr>
</table>
<script>
var table = document.getElementById("myTable");
var rows = table.rows;
for (var i = 0; i < rows.length; i++) {
var deleteCell = rows[i].insertCell(1);
deleteCell.innerHTML = `<a href="javascript:;" value="删除${i+1}">删除</a>`;
}
</script>
</body>
</html>
```
希望这个回答能帮到您!
deleteCell.innerHTML = '<a href="javascript:;" >删除</a>'循环加入value,然后获取他的value
这段代码的作用是在表格中的每一行最后一列加入一个“删除”链接,点击该链接可以删除这一行。循环加入value这句话不是很清楚,可能是你想要在每一行的最后一列加入这一行的某个值,比如说ID号,但是代码中并没有体现出来。
获取该行的某个值可以通过以下代码实现:
```javascript
// 假设该行的ID号在第一列
var id = deleteCell.parentNode.cells[0].innerHTML;
console.log(id);
```
这段代码会输出该行第一列的内容,即该行的ID号。如果需要获取其他列的值,可以通过修改`cells`的下标来实现。