为何我的<th>查询选择器返回null？DOM属性存在但控制台返回null

你的代码存在两个明确错误，导致查询返回null：

1. 错误使用textContent作为CSS属性选择器 #

document.querySelector('th[textContent=GP]') 无法生效，原因是：

• CSS属性选择器仅能匹配HTML标签上的原生属性（如title、class这类写在标签上的属性），而textContent是DOM元素的JavaScript属性，不属于HTML属性范畴，不能直接用这种方式查询。
• 若要匹配元素文本内容，可改用遍历判断的方式：

// 示例：遍历所有<th>匹配文本内容
Array.from(document.querySelectorAll('th')).find(th => th.textContent === 'GP');

2. title选择器的语法错误 #

document.querySelector('th[title="Games Played]') 里的字符串未闭合——你漏掉了末尾的双引号，正确写法应为：

document.querySelector('th[title="Games Played"]');

额外提示：如果修正语法后仍返回null，需检查代码执行时机，确保在DOM完全加载后再执行查询（比如将代码放在DOMContentLoaded事件回调中，或页面底部）。

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