javascript - VScode 智能感知不起作用..有什么建议吗？

Question

当我输入代码时:

document.queryselector('.classname').

当我在括号后开始键入时，.style 和其他常见建议不会出现在建议的自动完成菜单中。
但是当我输入

document.queryselector('body').

是吗？

Answer 1

首先，您应该使用 querySelector ，不是 queryselector .
关于您的问题，VScode IntelliSense 不显示 style 是有原因的属性。
让我们看看这个例子:

const element = document.querySelector('.classname')
const element2 = document.querySelector('body')

element类型为 Element .和 element2有类型 HTMLBodyElement这是 HTMLElement 的子类.
元素 VS HTMLElement Element是最通用的基类， Document 中的所有元素对象(即表示元素的对象)都来自该基类。继承。它只有所有类型元素通用的方法和属性。更具体的类继承自 Element .它 没有 style属性。 HTMLElement interface 代表任何 HTML 元素。它延伸 Element和 有 style属性。
那为什么 element2返回 HTMLBodyElement ?
当您按确切的标签名称选择时，VSCode 具有硬编码类型。您可以在 lib.dom.d.ts 中看到
如何解决？
你可以添加额外的检查，VSCode 会理解它:

const element = document.querySelector('.classname')

if (element instanceof HTMLElement) {
    element.style.display = 'none'
}