deleteCell.innerHTML = '<a href="javascript:;" value="1">删除</a>'deleteCell.innerHTML = '<a href="javascript:;" value="2">删除</a>'点击删除时获取对应的value值
时间: 2023-08-14 11:13:56 浏览: 41
你可以在点击删除时,获取对应a标签的value属性值。可以为每个a标签添加一个click事件监听器,在事件处理函数中获取对应的value值。以下是示例代码:
```
// 获取所有删除按钮
const deleteBtns = document.querySelectorAll('a[value]');
// 给每个删除按钮添加click事件监听器
deleteBtns.forEach(btn => {
btn.addEventListener('click', e => {
// 获取点击的删除按钮的value属性值
const value = e.target.getAttribute('value');
console.log(value);
});
});
```
在这个示例中,我们首先获取了所有带有value属性的a标签,然后为每个a标签添加了一个click事件监听器。在事件处理函数中,我们获取了点击的删除按钮的value属性值,并将其输出到控制台。
相关问题
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:; value"1" >删除</a>'
这段代码存在语法错误。应该将value属性的值用双引号或单引号括起来,以避免语法错误。修改后的代码如下所示:
```
deleteCell.innerHTML = '<a href="javascript:;" value="1">删除</a>';
```
这样,这个a标签的value属性就被设置为了1。