Установка наблюдателя MutationObserver

[voraa]

Вы наблюдатель ставите на элемент, который еще не существует.

var target = document.querySelector(".pkujhh > #mess"); // null !!!
observer.observe(target, config);

Нет его еще. Он только будет когда то создан и вставлен в body.

Наблюдатель ставят на элемент, В который будут что то вставлять.

[DDim1000]

....
Наблюдатель ставят на элемент, В который будут что то вставлять.

А откуда я тогда узнаю, что появился именно тот элемент, появления которого я хочу отследить?

[voraa]

Просматриваете все мутации
Если тип нужный (MutationRecord.type === "childList"), то в MutationRecord.addedNodes будет коллекция вставленных узлов. Перебираете ее и смотрите тот узел или не тот. По id или с помощью matches
https://developer.mozilla.org/en-US/...MutationRecord

var observer = new MutationObserver(function(mutations) { 
		mutations.forEach(function(mutation) {
                 if ( mutation.type ===  'childList')    {
                     mutation.addedNodes.forEach (addn => {
                             if (addn.id === 'mess') console.log('YES!!!')
                       })
                 }                         
		});
	});

var config = { attributes: true, childList: true, characterData: true };

	observer.observe(document.body, config);