Hola,
Tengo esta función en javascript, que me va poniendo los números de página para una tabla que voy paginando. El caso es que esta función va incluyendo el número de página, y tb le voy dando estilo a la paginación, de forma que a la página actual que va creando le doy el estilo especial 'current' (está en una hoja css), y al resto de las páginas quiero quitarle ese estilo mediante la instrucción removeAttribute, para que sólo vaya resaltando la página actual.
La función es esta:
Código:
function naveg_pag(){
var pagerHtml = document.getElementById('pagination');
pagerHtml.setAttribute('className','pagination');
var nuevoSpan = document.createElement('span');
nuevoSpan.className='pagination';
var a = document.createElement('a');
a.id='pg'+pagina;
a.setAttribute('href','javascript:mostrar_pag('+pagina+')');
for(i=1;i<=pagina;i++){
if(pagina_actual==i){
alert("pongo atributo");
document.getElementById('pg'+i).setAttribute('className','current');
}
else{
alert("borro atributo");
document.getElementById('pg'+i).removeAttribute('className');
}
}
a.appendChild(document.createTextNode(pagina));
nuevoSpan.appendChild(a);
pagerHtml.appendChild(nuevoSpan);
return;
}
Pero cuando intento ejecutar esto me da el error 'document.getElementById(...) es nulo o no es un objeto, en la línea:
document.getElementById('pg'+i).setAttribute('clas sName','current');
y no sé cómo solucionarlo para que sólo vaya aplicando o borrando el estilo a cada elemento...
Alguna ayudita pliss...
Gracias y un saludo!!