JavaScript 的 VS Code Intellisense 不起作用？

Question

我正在嘗試遍歷一堆按鈕，以便為每個按鈕提供一個事件偵聽器，一旦我單擊它們中的任何一個，它就會更改背景顏色，但是 vs code 的 IntelliSense 不會自動完成我正在尋找的所需屬性。風格。

const buttons = document.querySelectorAll('btn');

for(let button of buttons) {
    button.addEventListener('click', () => {
        button.*style.backgroundColor* = 'red';
    })
}

HTML

<body>
    <section id="container">
        <button class="btn">Click me</button>
        <button class="btn">Click me</button>
        <button class="btn">Click me</button>
        <button class="btn">Click me</button>
    </section>
    <script src="app.js"></script>
</body>

VS Code intellisense 不會推薦斜體的 code.style 和.backgroundColor

它發生在塊和 scope 級別以及全球級別。

Answer 1

問題是document.querySelectorAll被指定給你一個包含Element對象的NodeList ，一個通用的基礎 class。 因此，就 JavaScript IntelliSense 可以推斷而言，每個button只是Element的一個實例。 但是style屬性存在於HTMLElement上。 因此，您需要“告訴” IntelliSense 引擎buttons將成為HTMLElement的NodeList ，您可以使用 JSDoc 來完成：

/** @type {NodeListOf<HTMLElement>} */
const buttons = document.querySelectorAll('btn');

for(let button of buttons) {
    button.addEventListener('click', () => {
        button.style.backgroundColor = 'red';
    })
}

JavaScript 的 VS Code Intellisense 不起作用？

問題描述

1 個解決方案

解決方案1
0 2022-01-06 12:16:43

JavaScript 的 VS Code Intellisense 不起作用？

問題描述

1 個解決方案

解決方案1 0 2022-01-06 12:16:43

解決方案1
0 2022-01-06 12:16:43