在Chrome内容脚本中，检查页面上是否显示链接

Question

在Chrome内容脚本中，我需要检查链接是否动态显示在页面上，特别是youtube链接。我已经尝试过循环代码，这显然不是正确的解决方案和jquery中的change事件。

我猜最好的方式只是js中的一个事件，我还没有偶然发现。如果有另一种方法来检查链接是否已经出现，我也很乐意这样做。

Answer 1

看看DOMSubtreeModified。另请查看相关帖子：Is there any "on DOM change" event?

Fiddle：

setTimeout(function () {
    $('#links').append('<a href="">Link</a>');
}, 5000);

$(function () {
    // you can also use $.on below
    $('#links')[0].addEventListener('DOMSubtreeModified', function (event) {
        $('#out').append('<b>EVENT</b>');
    });
});