Как отслеживать изменения iframe на странице?

Question

Мне нужно отслеживать изменения элемента div, который находится внутри iframe. Доступ к контенту iframe, но это целая дополнительная страница (~ 80-150 кб). Поэтому я хотел бы получить необходимый элемент без загрузки всего содержимого iframe для сравнения.

$('#getTheElement').click(function(e) {
    var iframe = getIframe('#feed_iframe');
    var div = getDiv('photo');
});


function getIframe(iframe){
chrome.tabs.executeScript(null,{code: "document.querySelector(iframe).contentDocument.body.innerHTML"},function (results){
    var iframe = results[0];
    return iframe;
});
};

function getDiv(div){
chrome.tabs.executeScript(null,{code: 'Array.from(document.getElementsByClassName(div)).map(element => element.innerHTML)'},function (results){
    var div = results[0];
    return div;
});
};

Внутри этого iframe есть элемент div с классом photo . Если пользователь нажимает на этот div, то тег img добавляется как дочерний элемент со ссылкой src .

Так что идея состоит в том, чтобы получать ссылку на изображение каждый раз, когда в div появляется ребенок.