Как вызвать событие при добавлении элемента в tbody?

Question

[Sushkov]

Как вызывать события при добавлении элемента

var observer = new MutationObserver(listModified);

function listModified(mutations)
	{
		for (var i = 0; i < mutations.length; i++)
		{
			for (var j = 0; j < mut.addedNodes.length; j++)
			{
				console.log(mut.addedNodes[j]);
			}
		}
	}

var tbody_id= document.getElementById('tbody_id');
observer.observe(tbody_id, {childList: true})

Сама таблица выглядит так:

<tboby>
<tr id="..."></tr>
<tr id="..."></tr>
<tr id="..."></tr>
</tbody>

но получаю только ошибки. Что не так?

Answer 1

[Денис]

но получаю только ошибки

Ошибки желательно показывать, да и код показали не полный.
Смотрим пример

var MutationObserver = window.MutationObserver || window.WebKitMutationObserver,
    observer = new MutationObserver(function(mutations) {
        mutations.forEach(function (mutation) {
            console.log(mutation.addedNodes);
        });
    });

var config = {
    childList: true
};
var target = document.querySelector('tbody');
observer.observe(target, config);

Сама таблица выглядит так

А в реальном html-коде id у <tbody> присутствует?

Comments

[Sushkov]

Нет, это возможно сделать только через querySelector? У меня несколько таблиц.

[Sushkov]

Спасибо, разобрался