在JavaScript中获取可编辑的td值,可以通过以下步骤实现:
下面是一个示例代码:
// 获取所有可编辑的td元素
var editableTds = document.querySelectorAll('td[contenteditable="true"]');
// 为每个可编辑的td元素添加事件监听器
editableTds.forEach(function(td) {
td.addEventListener('blur', function(event) {
var editedTd = event.target; // 获取触发事件的td元素
var oldValue = editedTd.innerHTML; // 获取用户编辑之前的值
var newValue = editedTd.innerHTML; // 获取用户编辑之后的值
// 执行相应的操作,比如更新数据库、发送请求等
console.log('旧值:', oldValue);
console.log('新值:', newValue);
});
});
这段代码会获取文档中所有contenteditable属性为true的td元素,并为每个td元素添加blur事件监听器。当用户编辑完成后,事件监听器会获取到旧值和新值,并执行相应的操作。
推荐的腾讯云相关产品:腾讯云云服务器(CVM),产品介绍链接地址:https://cloud.tencent.com/product/cvm
领取专属 10元无门槛券
手把手带您无忧上云