Puedes implementar este pequeño truco. Pasarle un ID calculado al método cambiarCSS
y asignarle ese ID al <td>
. No he probado el código. SeguroEs posible que haycontenga errores, pero tiene que ser algo como esto:
for($i = 0; $i < $totalLadrillos; $i++){
$this->td[] = '<td id="button'.$id.'" onmouseover="cambiarCSS('.$id.')">'.$this->textoArr[rand(0, $textoArrLength-1)].'</td>';
}
Luego:
function cambiarCSS(id){
const button = document.querySelectorAllquerySelector("#button"+id);
button.setAttribute("class", "tdHover");
}
}