Next.js：將“樣式”添加到事件偵聽器中的元素

Question

如標題中所述，我在 nexts.js Typescript 中向 dom 元素添加樣式，我在 Visual Studio Code 中收到“類型'元素'上不存在屬性'樣式'”消息。 我不知道是什么問題，通過谷歌搜索我無法找到答案。 也許是因為我不明白這個問題，所以如果我問正確的問題真的很難說......

有人可以給我一個提示嗎？

Answer 1

您已經有了元素，並且已經檢查了它們是否存在，因此無需再次調用document.querySelector ：

anchor.style.filter = `hue-rotate(${angleDeg}deg)`;
pupil.style.transform = `rotate(${90 + angleDeg}deg)`;

此外，您應該通過給它通用參數來標記從querySelector到HTMLElement的結果，因為它會抱怨Element類型上不存在style ：

const anchor = document.querySelector<HTMLElement>("#anchor");
const pupil = document.querySelector<HTMLElement>("#pupil");

如果需要，您可以將HTMLElement更改為更具體的類型。 例如，如果anchor是a標簽，您可以將其更改為HTMLAnchorElement 。

另外，如果您還沒有訂閱 Fireship，請確保訂閱：x