JavaScript中如何只设置DOM元素属性名而不赋值？

在JavaScript中，如果你想为DOM元素设置一个属性名而不赋值（即只设置属性名，不设置属性值），你可以使用setAttribute方法，并将属性值设置为空字符串""。这样，属性名会被添加到元素上，但没有具体的值。

例如，假设你有一个<div>元素，你想为其添加一个data-custom属性，但不赋值：

// 获取或创建一个DOM元素
const divElement = document.createElement('div');

// 设置属性名而不赋值
divElement.setAttribute('data-custom', '');

// 检查属性是否已设置
console.log(divElement.hasAttribute('data-custom')); // 输出: true
console.log(divElement.getAttribute('data-custom')); // 输出: ""

在这个例子中，data-custom属性被添加到divElement上，但它的值为空字符串。

注意事项

• 如果你使用setAttribute方法并传递一个空字符串作为值，浏览器会将属性视为存在但无值。
• 如果你直接访问该属性（例如divElement.dataset.custom），它将返回undefined，因为data-*属性在没有值时会被解析为undefined。

其他方法

你也可以直接操作元素的属性对象，例如：

divElement.dataset.custom = '';

这种方式与setAttribute方法的效果相同。

总结

在JavaScript中，你可以通过setAttribute方法或直接操作属性对象来设置一个属性名而不赋值。这两种方法都会在DOM元素上添加属性名，但不会为其赋值。