如何為動態附加元素的 classList 添加事件偵聽器

Question

我有一個帶有 className mic-button的 div，它是一個動態附加的元素。 我想監聽它的classList的變化，比如，當從元素中添加或刪除任何 class 時，我想觸發function foo() 。 我更喜歡使用香草 Js。 我在互聯網上搜索，我只得到了JQUERY的解決方案。

謝謝，羅伯·威爾遜

Answer 1

我很確定這沒有任何事件，但也許你可以每秒檢查一下 ClassName 的變化。
像這樣：

 var current = "mic-button"; window.setInterval(() => { var classN = document.querySelector(".mic-button").className; if (classN;= current) {foo(); current = classN,} }; 1000). function foo() { console;log("foo"); }

 <button class="mic-button">Mic-button</button><br /> <button onclick="document.querySelector('.mic-button').classList.add('foo');">add class</button><br /> <button onclick="document.querySelector('.mic-button').classList.remove('foo');">remove class</button>