如何使用 JavaScript 访问 HTML5 数据-* 属性？ [复制]

【问题标题】：How To Access HTML5 data-* Attributes With JavaScript? [duplicate]如何使用 JavaScript 访问 HTML5 数据-* 属性？ [复制]
【发布时间】：2021-06-06 06:44:53
【问题描述】：

我正在尝试编写此代码：<div data-alert="abc@abc.com">Connect me(click me to know my email)</div><script> var dataalert = /*access the "data-alert" here*/;window.alert("dataalert");，但我不知道如何使用我的 javascript 访问它。

【问题讨论】：

标签： javascript html

【解决方案1】：

首先使用标签选择器获取div，然后使用js的getAttribute方法获取data-alert属性的值。

console.log(document.getElementsByTagName("div")[0].getAttribute("data-alert"))

&lt;div data-alert="abc@abc.com"&gt;Connect me(click me to know my email)&lt;/div&gt;

【讨论】：

但我还有其他 div
我没听懂你在说什么。