最稳方式是先用 document.getelementbyid() 获取元素，再调用 getattribute()；若返回 null，主因是 getelementbyid() 未获取到元素，常见于 id 为纯数字、dom 未加载完成、id 名不匹配（空格/大小写/特殊符号）等场景。
直接用 getAttribute() 最稳，但得先拿到元素对象；不同解析引擎（如浏览器 DOM、Jsoup、PHP DOMDocument）对“属性”的定义和获取方式有本质差异，不区分场景容易读错值。
document.getElementById() 后调用 getAttribute() 为什么有时返回 null
不是 getAttribute() 失效，而是 document.getElementById() 本身没拿到元素。常见原因包括：
- ID 值是纯数字（如
<div id="1">），HTML 虽合法，但部分浏览器或严格模式下 <code>getElementById("1")返回null - ID 未渲染完成就执行 JS，DOM 还没挂载，
document.getElementById()找不到节点 - ID 字符串带空格或特殊符号，但 HTML 中写错了（比如写成
id="item 1"，实际应为id="item-1"） - 大小写不一致：HTML 不区分大小写，但 JS 字符串匹配区分，
getElementById("MyId")找不到id="myid" -
element.attr("href")返回<a href="/page?x=1"></a>中的/page?x=1，即使该链接被 JS 动态改写也不受影响 -
element.html()返回子节点的 HTML 字符串（不含当前标签），element.outerHtml()才包含自身标签 -
element.text()合并所有文本节点并折叠空白符，不保留换行或标签结构 - 对布尔属性（如
disabled），attr("disabled")返回空字符串或"disabled"，不是true/false -
$node->getAttribute('data-user-id')是最直接方式，注意连字符要原样写，不能转驼峰 - 若需批量读取所有自定义属性，遍历
$node->attributes并过滤出以data-开头的 name -
loadHTML()会自动补全缺失的根标签，可能导致<td> 被包进 <code>，影响getElementsByTagName()结果范围 - 务必在
loadHTML()前调用libxml_use_internal_errors(true)，否则 malformed HTML 会直接报 PHP Warning -
Array.from(element.attributes).map(attr => [attr.name, attr.value])可转成键值对数组 - 它只返回 HTML 中实际写的属性，比如
<input required>的required属性值是空字符串，不是"required" - 不会包含
className、innerHTML这类 DOM 属性，那些是 JS 层的 property，和 HTML attribute 不同 - 服务端解析（如 Jsoup/PHP DOM）没有等价的原生接口，得手动遍历或正则提取起始标签内的
key="value"对
Jsoup 中 attr() 和 html()/text() 的行为区别
Jsoup 的 attr() 只读 HTML 属性原始值，而 html() 和 text() 是内容提取方法，三者不可混用：
PHP DOMDocument 中如何安全读取自定义 data-* 属性
DOMDocument 不支持 dataset，必须用 getAttribute() 或遍历 $node->attributes：
想一次性拿到元素所有显式声明的属性名和值
浏览器环境用 element.attributes，它是个 NamedNodeMap，不是数组：
真正容易被忽略的是：attribute 和 property 是两套系统。比如 <input value="init">，getAttribute('value') 拿到 "init"，但用户输入后 input.value 已变成新值——读哪个，取决于你到底要“初始声明”还是“当前状态”。
