Ver Mensaje Individual
  #8 (permalink)  
Antiguo 18/02/2017, 13:36
mpozo
 
Fecha de Ingreso: noviembre-2015
Mensajes: 231
Antigüedad: 8 años, 6 meses
Puntos: 86
Respuesta: Javascript funciona en código pero no en archivo

Cita:
Iniciado por JUMASOL Ver Mensaje
Sí, funciona, pero lo he tenido que sustituirlo incluyendo getElementsByClassName, porque se trata de identificar un selector de clase.
getElement está desactualizado. Únicamente es conveniente usarlo cuando se necesite el nodeList esté live. En este tema puedes leer sobre ello http://www.forosdelweb.com/f13/propi...9/#post4809259

querySelector o querySelectorAll pueden obtener elementos tanto por su id, class, name, etc. En tu caso sería querySelectorAll('.online')

Cita:
Iniciado por JUMASOL Ver Mensaje
Funciona. Pero me gustaría que me alguien me dijese qué función cumple esta línea:

Código:
console.log(document.body.textContent);
Es para que vieras, en la consola, la diferencia entre
  • console.log(document.body.textContent)
  • console.log(document.body.innerHTML)
Como puedes observar para obtener el mismo resultado, debes de añadir el método toString() aparte de que innerHTML ha de serializar y analizar, mientras que textContent, no
  • console.log(document.body.innerHTML.toString())

Cita:
Iniciado por JUMASOL Ver Mensaje
Además he tenido que duplicarlo porque al existir "Usuario" han de eliminarse dos selectores y no sólo uno
No es necesario si el número de elemento .online y .online boton es el mismo
Código Javascript:
Ver original
  1. document.addEventListener('DOMContentLoaded', function() {
  2.  
  3.     console.log(document.body.textContent);
  4.  
  5.     if(~document.body.textContent.indexOf('Usuario')){
  6.  
  7.         [].forEach.call(document.querySelectorAll('online'), function(elem, i) {
  8.  
  9.             elem.style.display = 'none';
  10.             document.querySelectorAll('online boton')[i].style.display = 'none';
  11.         });
  12.     };
  13.  
  14. }, false);