如果 ID 包含空格，getElementByID() 方法是否有效[重复]

【问题标题】：Does getElementByID() method work if ID contains spaces [duplicate]如果 ID 包含空格，getElementByID() 方法是否有效[重复]
【发布时间】：2021-04-07 08:19:30
【问题描述】：

我的元素在 id 属性中有空格，这导致 getElementByID() 无法工作并且无法捕获该元素。

如果有任何解决方法我可以做到这一点。我是否必须删除我拥有的所有元素 ID 值中的所有空格。

window.addEventListener('DOMContentLoaded', (event) => {
var str=document.getElementById('Monica Finolta Sol ID treReport').id;
alert(str);
})

【问题讨论】：

如果你可以控制你的文档，你绝对必须去掉空格。 developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id
另请参阅此答案 - stackoverflow.com/a/6802804/7867822
但是当我检查元素并在控制台中尝试时 document.getElementById('Monica Finolta Sol ID treReport').id;我得到以下回复：“Monica Finolta Sol ID treReport”

标签： javascript dom customization

【解决方案1】：

是的！但是让你的 id 包含空格是不好的做法，因为它不能被 querySelector 访问。尽管如此，它仍然有效！

if(document.getElementById('a b')) { 
  console.log("It works!")
}

&lt;p id="a b"&gt;Text&lt;/p&gt;

【讨论】：

但在我的情况下，我无法捕获元素并且总是返回 NULL。
这是元素 Monica Finolta Sol ID treReport
根据上面的评论，你让它工作了。您正在控制台记录元素的 id，正如您所说的那样，它是“Monica Finolta Sol ID treReport”。尝试删除.id，以控制台记录整个元素。
在控制台日志中工作能保证它在实际页面中工作吗？
一般来说是的。与运行时 javascript 相同的引擎运行控制台。注意：如果我的回答有助于解决您的问题，请随时接受（可能无法接受，因为问题已被标记为重复）。