大家都知道如何監聽input內容的變化，那么如果是div呢？下面分享一種監聽div內容變化的方法，直接放代碼：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>監聽div內容改變</title> <script src="https://cdn.bootcss.com/jquery/1.7.2/jquery.min.js"></script> </head> <body> <div class="demo"> </div> <button id="btn">按鈕</button> </body> <script> $('#btn').click(function(){ $('.demo').text('我變了') }) $('.demo').on('DOMNodeInserted',function(){ var txt = $('.demo').text(); console.log(txt); }) </script> </html>
點擊button的時候，可以看到頁面中出現了‘我變了’三個字，同時控制台輸出’我變了‘，證明監聽DOMNodeInserted
事件有效。