[JavaScript][PHP][XML] Stworzenie XML, a później pętla w JS Opcje

[-zasadowy-]

Cześć, zrobiłem sobie w PHP skrypt, który ściągane dane z tabeli i tworzy XML, ale tutaj mam problem, bo struktura mojego XML chyba nie jest odpowiednia:

[XML] pobierz, plaintext 
<countries>
    <country>
        <iso>af</iso>
        <visitors>5</visitors>
    </country>
    <country>
        <iso>ax</iso>
        <visitors>4</visitors>
    </country>
    <country>
        <iso>al</iso>
        <visitors>0</visitors>
    </country>
</countries>
[XML] pobierz, plaintext 

Następnie w JS, powinna być pętla, która leci przez wszystkie kraje po kolei, najpierw pobiera ich ISO, a następnie jeśli np. visitors > 50, to zmienia tło elementu z takim ID jak ma ISO na czarny, jesli visitors < 50, to zmienia na szary. No i nie wiem jak zrobić to tak, aby pętla działała tak jak napisałem. Kombinuję, kombinuję i nic na nic nie mogę wpaść, bo krajów z kodem ISO jest 249, więc najlepiej byłoby to zrobić pętlą, a nie kopiować kod 249 razy i zmieniać iso na af, ax, au, al itd...

[-zasadowy-]

Wiem, że nadaję ten sam kolor, bo skopiowałem to, aby w ogóle cokolwiek zmieniał. Musiałem nadać data = data.iso_countries, no i teraz przechodzi już przez if'a, no, ale teraz mam taki błąd

TypeError: document.getElementById(...) is null


(no source for debugger eval code)

[PHP] pobierz, plaintext 
$(document).ready(function() 
{ 
	$.getJSON("results.json", function(data) 
	{
		data = data.iso_countries;
		for(var key in data)
		{
			var iso = data[key].country;
			var visitors = data[key].visitors;
 
			if( visitors > 1 && 50>=visitors)
			{
				document.getElementById(iso).style.fill="#94d31b";
			}
			else if( visitors > 50 && 500>=visitors)
			{
				document.getElementById(iso).style.fill="#94d31b";
			}
		}	
 
	});
}); 
[PHP] pobierz, plaintext