PHP没法获得HTML的数据,无法访问HTML数据集中的值

该博客讨论了在JavaScript中处理HTML元素拖放事件时,尝试通过Dataset获取PHP动态生成的data属性(如data-customerid)所遇到的挑战。作者在代码示例中展示了如何尝试通过querySelector访问这些属性,但遇到了无效选择器的错误。博客内容可能涉及DOM操作、数据传输和事件处理,特别是与前端开发相关的JavaScript和PHP交互。
摘要由CSDN通过智能技术生成

当从一个div拖放到另一个div时,我正在使用Dataset来获取一些不同的值。 但是当我调用Javascript函数时,我无法访问附加属性,例如data-customerid。

带有PHP动态数据的HTML:

Vacant parking spots

Current parking spots of the customer

下面是JavaScript:function drop(ev) {

const el = document.querySelector('#' +ev.dataTransfer.getData("text")); //prints: Uncaught DOMException: Failed to execute 'querySelector' on 'Document': '#33' is not a valid selector.

console.log('drop', el.dataset.customerid);

ev.preventDefault();

var data = ev.dataTransfer.getData("text");

ev.target.appendChild(document.getElementById(data));

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值