Zamienienie nazw klasy, zależnie co jest w znaczniku.

Question

Witam,

otóż mam kod w PHP, który mi wyświetla tablicę z MySQL-a, mam kolumnę zlecenia i chciałbym, żeby klasa się zmieniała zależnie od tego jaki jest status zlecenia: np w trakcie realizacji, zrealizowane, do zrealizowania.

Z PHP potrafiłem sobie to zrobić ale bez problemu ale nie chciałbym, żeby za zmianę nazwy klas z css-a odpowiadał komputer użytkownika a nie serwer.
 

echo "<span id='statuscolor'>".$row['status']."</span></td>";

 

	function ColorC(){
													
		var x = document.getElementById("statuscolor").value;
			
			if(x=="Zrealizowane" || x=="Anulowane")
			{
				document.getElementById("statuscolor").className = "error";
			}
			else
			{
				if(x=="Do zrealizowania")
				{
					document.getElementById("statuscolor").className = "result";
				}
				else
				{
					document.getElementById("statuscolor").className = "in-realization";
				}
			}
	}

Z JS-a jeszcze jestem ciemny... I tutaj mi się zmienia tylko pierwszy rekord w tablicy i dalej nic a chciałbym, żeby zamieniły się wszystkie rekordy w tablicy. Myślałem, żeby JS-a mi zwrócił ilość znaków wartości znacznika "<span>" i po ilości znaków przestawiać nazwy klas z css-a ale coś nie idzie :P
 

Answer 1

Sprawdź co zwraca to:

document.getElementById("statuscolor").value

zapewne undefined.

użyj textContent do pobrania zawartości owego znacznika

Comments

Okej, dobra teraz mi zwraca długość ciągu ale nadal tylko do jednego rekordu a potrzebuje do wszystkich a tak jak widać w kodzie php pętla while wyświetla wszystkie rekordy co są w danej tablicy.

---

querySelectorAll + for/forEach/for..of

zmień id na class