问空的HTML5数据属性是否有效？

EN

是的，有效。data-modal-target将代表一个布尔属性：

布尔属性 元素上布尔属性的存在表示真值，缺少属性表示假值。

自定义数据属性规范没有提及对空属性处理的任何更改，因此有关空属性的一般规则适用于此处：

某些属性可以通过仅提供属性名称来指定，而没有值。 在以下示例中，该disabled属性是使用空属性语法给出的： <input disabled> 请注意，空属性语法与将空字符串指定为属性的值完全等效，如下例所示。 <input disabled="">

因此，可以使用空的自定义数据属性，但需要进行特殊处理以将其用作布尔值。

如果通过element.dataset以下方式访问属性：

• 当存在空属性时，它的值是""。
• 当一个属性不存在时，你会得到undefined。

因此，不能只是检查，if (element.dataset.myattr)因为它永远是false。

可以也应该检查布尔属性if (element.dataset.myattr !== undefined)。