Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 28.09.2020, 15:30
Аватар для voraa
Профессор
Отправить личное сообщение для voraa Посмотреть профиль Найти все сообщения от voraa
 
Регистрация: 03.02.2020
Сообщений: 2,750

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

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

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

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

Последний раз редактировалось voraa, 28.09.2020 в 15:35.
Ответить с цитированием
  #12 (permalink)  
Старый 28.09.2020, 15:38
Профессор
Отправить личное сообщение для DDim1000 Посмотреть профиль Найти все сообщения от DDim1000
 
Регистрация: 20.10.2016
Сообщений: 223

Сообщение от voraa Посмотреть сообщение
....
Наблюдатель ставят на элемент, В который будут что то вставлять.
А откуда я тогда узнаю, что появился именно тот элемент, появления которого я хочу отследить?
Ответить с цитированием
  #13 (permalink)  
Старый 28.09.2020, 15:42
Аватар для voraa
Профессор
Отправить личное сообщение для voraa Посмотреть профиль Найти все сообщения от voraa
 
Регистрация: 03.02.2020
Сообщений: 2,750

Просматриваете все мутации
Если тип нужный (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);

Последний раз редактировалось voraa, 28.09.2020 в 15:57.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
MutationObserver и Single Page Application vgiv Firefox/Mozilla 0 11.12.2019 02:19
Калькулятор с вариантом значений. dzho Общие вопросы Javascript 45 06.08.2017 03:54
Установка дефолтных значений формы deonis Angular.js 4 03.08.2015 09:06
Правильное использование MutationObserver Magneto Общие вопросы Javascript 5 04.08.2012 20:51
Установка свойств на странице amperykl Элементы интерфейса 6 21.02.2011 23:08