Javascript: Как проверить, было ли что-то добавлено в DOM?

Question

Взгляните на this site. Когда вы прокручиваете вниз, он автоматически загружает немного больше страницы. Скажем, что у меня есть событие, которое выполняется на document.load. Есть ли способ заставить это сделать это снова, когда вы прокрутите вниз, и появится больше вещей?

Стоит упомянуть, что я пытаюсь разработать способ сортировки всех подобных экземпляров, а не только определенного сайта, о котором я упоминал, который вполне может иметь что-то защелкивать, когда он делает бесконечную прокрутку.

Answer 1

Устаревшие DOM3 Mutation Events, например DOMSubtreeModified, которые срабатывают при возникновении определенного события мутации. По соображениям производительности и совместимости MDN категорически отвергает их использование, но они существуют. Я также считаю, что они не предоставляют информацию о том, что произошло от вида от мутации или любого вида сравнения до/после сравнения.

Существует черновик W3C для DOM4 Mutation Observers, который может быть реализован в некоторых браузерах в настоящее время. Я знаю, что по крайней мере реализована в Chrome, который использует WebKitMutationObserver так:

var observer = new WebKitMutationObserver(function(mutations, observer) { 
    // fired when a mutation occurs 
    console.log(mutations, observer); 
    // ... 
}); 

// define what element should be observed 
// and what types of mutations trigger the callback 
observer.observe(document, { 
    subtree: true, 
    attributes: true 
    //... 
}); 

Там в полный список mutation properties в проекте (прокрутите вниз до зеленой коробки).

Answer 2

Поведение, которое вы описываете, часто упоминается как «infinite scrolling».

EDIT: Мой ответ выше не отвечает на ваш вопрос.

Ближайший я могу думать по-настоящему универсальный способ обработки этого, даже если это не ваш код, добавление элементов в DOM, является использование DOM Level 3 API Mutation events, но они в настоящее время устарели и не должен использоваться ,

Продолжается работа над предложением для mutation observers в DOM Level 4, но они еще не стандартизованы. Тем не менее, take a look at this article для примера реализации.