hasAttribute 是 DOM 原生方法，仅判断属性名是否显式存在，返回布尔值，语义清晰无歧义；正确用法为传纯属性名字符串，如 'disabled' 或 'data-id'，不带等号、引号或前缀修饰。
hasAttribute 是 DOM 元素原生方法，专用于判断某个属性是否**显式存在**（即在 HTML 中写出来了，或通过 setAttribute 设置过），它不关心值是什么、是否为空、是否为布尔值，只看“有没有这个属性名”。这比直接读取 elem.attr 或 elem.getAttribute('attr') 更安全，能彻底避免 undefined 或 null 导致的逻辑错误。
为什么不用 getAttribute 或直接点属性？
直接访问 elem.id 或 elem.hidden 依赖属性映射，对自定义属性无效；getAttribute('data-xxx') 返回 null（不是 undefined），但 null 在条件判断中会转成 false，容易和真实值为 "" 或 "false" 的情况混淆。而 hasAttribute 只返回 true 或 false，语义清晰、无歧义。
正确用法：只传字符串，不带前缀或等号
参数必须是纯属性名字符串，不要加 data- 前缀以外的修饰，也不要带 = 或引号：
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
-
✅ 正确：
el.hasAttribute('disabled')、el.hasAttribute('data-id')、el.hasAttribute('class') -
❌ 错误：
el.hasAttribute('disabled="true"')、el.hasAttribute('data-id="123"')、el.hasAttribute('el.data-id')
常见易错场景与建议
注意以下几点可避免踩坑：
立即学习“Java免费学习笔记（深入）”；
- HTML 中写了
<div hidden></div>→el.hasAttribute('hidden')返回true；即使 JS 里没设值，只要标签里有这个属性名就成立 - 用
removeAttribute('data-loaded')后，hasAttribute('data-loaded')立即返回false，响应及时 - 对布尔属性（
disabled、checked、readonly）同样适用，无需判断el.disabled === true这种可能被 JS 动态覆盖的状态 - 判断自定义属性时，优先用
hasAttribute('data-xxx')而不是typeof el.dataset.xxx !== 'undefined'，因为dataset不包含未渲染的属性，且驼峰转换可能出错
配合 setAttribute / removeAttribute 形成闭环
读写统一用 attribute API，逻辑更一致：
- 设置：
el.setAttribute('data-status', 'loading') - 检测：
el.hasAttribute('data-status') - 移除：
el.removeAttribute('data-status') - 后续再调
hasAttribute就自然返回false，状态同步无延迟
