添加或刪除類的 Javascript（懸停效果）

Question

主題、專家、文本我有一些看起來像帶有單詞的小卡片的片段。 當用戶將鼠標懸停在特定單詞上時，我想取消隱藏特定單詞的描述。

我擁有的代碼如下，相關類為"specialist", "specialist-text" ：

 const spec = document.querySelector('.specialist') const spect = document.querySelector('.specialist-text') spec.addEventListener('mouseenter', () => spect.classList.remove('hidden'))

 .hidden { display: none; }

 <section class="topics"> <h3 class="large center my-1">Topics</h3> <div class="width grid overflow"> <div class="topic-list-update"> <div class="card2 center btn2 specialist">Specialist</div> </div> <div class="topics-text"> <div class="specialist-text hidden">Specialist mathematics 1234</div> </div> </div> </section>

而且我不明白為什么它不起作用。 我嘗試使用addEventListener('mouseover') ，我嘗試使用document.getElementById並且我嘗試使用函數而不是箭頭函數。

在 Firefox 中啟動 html 文件時收到錯誤消息：

Uncaught TypeError: spec is null
    <anonymous> http://127.0.0.1:5500/js/script.js:12

我是一個完整的初學者，我提前感謝您的幫助。

Answer 1

答案是在正文的最后加載腳本！

<body>
    <div> What ever 1 2 3 4 <br/> 1 2 3 4</div>
    <img>
    <script src="script.js"></script>
</body>

添加或刪除類的 Javascript（懸停效果）

問題描述

1 個解決方案

解決方案1
0 2022-07-16 00:32:05

添加或刪除類的 Javascript（懸停效果）

問題描述

1 個解決方案

解決方案1 0 2022-07-16 00:32:05

解決方案1
0 2022-07-16 00:32:05