检查没有值的HTML5数据属性

Question

我有一个HTML5 data属性没有值但只有这样的键的元素:

<div id="1" data-foo>Foo</div>

如果我这样使用dataset:

getElementById("1").dataset.foo

然后,这将返回一个空值,我无法区分该元素是否具有data-foo属性.是否有方法检查元素是否具有data-foo属性,无论它是否具有指定值？

Answer 1

您可以通过使用以下hasAttribute方法检查元素是否包含属性来完成此操作:

document.getElementById('1').hasAttribute('data-foo')