大家都知道如何监听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
事件有效。