JS - document.getElementsByTagName("table")[0].rows zwraca tablicę z pustymi obiektami

Question

Dzień dobry.

Mam tabelę HTML na stronie. Próbuję odczytać z niej dane przy pomocy JavaScript. Do tego celu używam kodu:

var tRows = document.getElementsByTagName("table")[0].rows;
for (var i = 1; i < tRows.length; i++)
	tRows[i].addEventListener("mouseover", function ()
	{
		alert("" + JSON.stringify(tRows));
	});

To kod testowy. Po najechaniu na wiersz tabeli, wyskakuje komunikat:

{"0":{},"1":{},"2":{},"3":{}}

pomimo, iż tabela zawiera dane w każdym z 4 wierszy. Nie wiem jak odczytać te dane. W sieci były napisane różne podejścia, ale żadne z nich u mnie nie działało. Albo dostawałem komunikat "Undefined", (przy próbie dostania się do właściwości .innerHTML, albo .cells[...]).

Proszę o pomoc, nie mam już pomysłów. Myślałem, że może to przez kod php, który wczytuje się z opóźnieniem (jeżeli w ogóle z opóźnieniem), ale stworzyłem statyczną tabelkę i też to samo. Kod jest pod tabelą więc powinien ją widzieć. Proszę o pomoc.

Dzięki
Michał

Answer 1

Czy czasami getElementsByTagName nie zwracam nodeListy?

Comments

Być może.
Już odkryłem co było nie tak.

Zwracana tablica była ok. Po prostu wcześniej, próbowałem odwołać się w funkcji do konkretnego wiersza przy pomocy zmiennej 'i', która nie była widoczna w funkcji, a dodatkowo, trzeba to zrobić przy pomocy metody `.item('. Teraz zastąpiłem przez 'this' i jest ok. DZIĘKI!