本文详解如何通过 `getattribute()` 方法准确获取 html 元素的 `data-*` 自定义属性值，并指出常见误用（如赋值符 `=` 误作比较符）导致返回 `null` 的根本原因及修复方案。
在 Web 开发中，data-* 属性是 HTML5 提供的标准方式，用于在 DOM 元素上存储自定义、非渲染相关的数据。JavaScript 提供了简洁可靠的 API 来读取这些值，但初学者常因语法或逻辑错误导致获取失败——最典型的问题就是将赋值操作符 = 错误地用于条件判断。
回顾原始代码中的关键问题：
if (value = atr) { ... } // ❌ 错误：这是赋值，不是比较！
该语句将 atr 的值（可能是字符串 “1” 或 null）赋给 value 变量，不仅逻辑失效，还会覆盖传入的 DOM 元素引用，且 null 被强制转换为 false，导致 else 分支始终执行，进而尝试读取未定义的 data-clear 属性（实际 HTML 中也并不存在该属性），最终输出 null。
✅ 正确做法如下：
立即学习“Java免费学习笔记（深入）”；
