使用“document.querySelector”时出现“Uncaught TypeError: Illegal invocation”

Question

我有一个简单的两行 JS 代码，它不断出现“未捕获的类型错误：非法调用”的错误。

const $ = document.querySelector;
$('#someElementId').display = 'none';

<p id="someElementId">The element</p>

Answer 1

您缺少 style 属性。

使用以下代码：

$('#someElementId').style.display='none';

要修复 Illegal Invocation，如 @phil 的评论中所述并在 this answer 中发布，您必须确保将 querySelector 绑定到文档:

const $ = document.querySelector.bind(document);

这是一个最终有效的片段：

const $ = document.querySelector.bind( document );
$('#someElementId').style.display = 'none';

<p id="someElementId">The element</p>