调用GetAttribute方法返回null，自查代码未发现明显问题

• 先核对方法名正确性：原生DOM提供的属性读取方法是小驼峰命名的getAttribute()，首字母大写的GetAttribute()不属于标准API，如果没有自定义封装同名方法，要么直接抛出「不是函数」的错误，要么走到异常逻辑返回null。
• 确认DOM加载与获取逻辑正常：在调用取值方法前先打印你选中的DOM对象，如果打印结果是null，先解决两个问题：一是JS执行时机是否早于目标DOM渲染（比如脚本放在目标节点前面、未等待DOM解析完成就执行逻辑），二是元素选择器是否写错，没有匹配到目标节点。
• 检查属性名完全匹配：传入方法的属性名必须和HTML标签上书写的属性名完全一致，几个高频错误点：
  • data-*开头的自定义属性必须传完整的短横线格式名称，比如data-user-id不能写成驼峰形式的dataUserId、userId
  • 不要混淆DOM属性和HTML标签属性：比如标签上的class属性，传参要写'class'，不能写JS对象属性名className
• 确认选中的是目标元素：如果选择器匹配到了多个元素，querySelector等方法默认返回第一个匹配节点，要是这个节点上没有你要取的属性，自然返回null。可以打印元素的outerHTML核对节点是否正确。
• 核对动态属性的执行时序：如果目标属性是后续通过JS动态挂载的，要确认setAttribute的执行逻辑在取值逻辑之前，时序错乱会导致取值时属性还未挂载到元素上。

典型错误示例：页面中写<div class="card" data-id="1001"></div>，执行document.querySelector('.card').getAttribute('dataId')会固定返回null，正确传参应为'data-id'。

内容的提问来源于stack exchange，提问作者KrwawyKefir