In a chrome content script check if a link appears on a page

Question

In a chrome content script I need to check if a link dynamically appears on a page, specifically a youtube link. I've already tried just looping the code, which is clearly not the right solution and the change event in jquery.

I'm guessing the best way is just an event in js that I haven't stumbled upon yet. If there is another way to check if the link has appeared I'd be glad to do that as well.

score 1 · Accepted Answer · edited May 23 '17 at 11:50

1

Take a look at DOMSubtreeModified. Also look at this relevant post: 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>');
    });
});

edited May 23 '17 at 11:50

Community

1
1

answered Oct 03 '13 at 23:34

Abdullah Jibaly

53,220
42
124
197

DOMSubtreeModified is deprecated according to your link – aaronman Oct 03 '13 at 23:40
Yep. It works in Chrome though and there doesn't seem to be a better alternative currently. – Abdullah Jibaly Oct 03 '13 at 23:41
can you give an example I'm assuming i can't just do $(...).on('DOMSubtreeModified',func) – aaronman Oct 03 '13 at 23:43
Sorry this was the link I meant to post about it being deprecated: http://stackoverflow.com/questions/6659662/why-is-the-domsubtreemodified-event-deprecated-in-dom-level-3 – Abdullah Jibaly Oct 03 '13 at 23:43
Yep, you should be able to. – Abdullah Jibaly Oct 03 '13 at 23:50
The problem is I want to add it to the whole document, `document` doesn't seem to be able to add event listener – aaronman Oct 03 '13 at 23:55
I want to except your answer but it just doesn't seem to work in my case – aaronman Oct 04 '13 at 00:05
Did you try `document.body.addEventListener`? – Abdullah Jibaly Oct 04 '13 at 16:15

In a chrome content script check if a link appears on a page

1 Answers1