回答：
首先，向 HTML 元素添加自定义属性并通过 JavaScript 访问它。 如果您之前尝试过，您会发现很容易忽略标签验证，而 HTML5 可以提供在有效网页中创建和使用自己的元素属性的功能。
1.创建HTML5文件：
如果您还没有决定使用哪一个，可以复制以下代码：
在body中设置自定义元素，并在head部分的脚本区域中使用JavaScript元素访问它。
二、创建元素：
首先，添加一些简单的内容和元素，例如自定义属性和 ID，以便 JavaScript 示例也易于识别。
可以看到，自定义属性的方式是：“data-*”，在“data-”部分设置名称或者选择名称。 在 HTML5 中使用自定义属性，这是唯一有效的技巧。 因此，仅当您想验证网页是否有效时才使用这些技术。
自定义属性允许通过页面内的 JavaScript 代码以特殊方式设置元素，例如javascript 自定义标签，以动画显示功能。 如果没有标准的 HTML 元素，我们建议使用自定义属性。
3.添加测试按钮
Storm可以在页面上用自己的JavaScript元素实现，前提是在页面中添加以下代码：
四、获取属性：
在 JavaScript 中访问属性的最常见方法是使用“getAttributes”javascript 自定义标签，这是第一步。 在页面的head脚本区添加如下函数：
这里以减少alert值为例，当然也可以根据自己的需要在脚本中添加。
5、获取数据：
您可以使用元素数据集来代替 DOM“getAttributes”，这可能更有效，尤其是在代码迭代多个属性的情况下。 但是，浏览器对数据集的支持仍然很低，因此请记住这一点。 需要注意的是，这段代码执行的过程与//后面的过程相同。
从属性名称中删除数据集中的“data-”，它仍然包含在 HTML 中。
请注意，如果您的自定义属性名称中包含连字符，则在通过数据访问时将以驼峰式命名方式运行，即（“data-PROdduct-category”变为“PROdductCategory”）。
6.其他模块及功能
我们已经可以访问此属性，并且脚本仍然可以设置和删除它。 下面的代码演示了如何使用标准 JavaScript 模块和数据集设置属性。
发表评论