JavaScript - Ejecutar elemento al cargar web

Hola!! Dado que no estoy muy puesto en Javascrip les hago una pregunta a ver si me pueden ayudar a resolver un problemilla que tengo.

Tengo un elemento <li> que tiene un enlace y dentro un 'data-filter' para filtrar al pulsar en el, es este:


Al cargar la página, muestra todos los elementos, sin filtros, pero lo que quiero es que muestre sólo los elementos que aparecen cuando hago click en ese enlace. O sea que se ejecute ese <li> al cargar la página.

He creado la funcion javascrip pero no se como decirle ahora que haga el resto...


Disculpen mi ignorancia pero he estado buscando por ahí y no consigo hacerlo.

Muchas gracias!!

Hola Josue, no me queda claro que quieres hacer... me puedes comentar con mas detalle?

Si, mira la web muestra muchos elementos y cada uno tiene su categoría. Con el atributo data-filter de Html puedo filtrar por categorías de esta manera.


Al principio siempre se cargan todos los archivos (all), yo lo que quiero es que cuando se cargue la web por defecto cargue sólo los de la categoría1 por ejemplo, como si hubiese hecho click en el enlace 'Categoría 1'.

Ese click 'automático' es lo que quiero que haga por defecto. No se si me he explicado bien.

Gracias, un saludo

Hola Josue, te he entendido... pero... una vez has pulsado que evento se genera? ya que lo que tendrás que hacer, es llamar al evento directamente al cargar la pagina.

Exacto, eso es lo que quiero hacer, que se cargue la página e inmediatamente que 'simule' que hice click en categoría1, por ejemplo. Así parecerá que lo que se carga por defecto es categoría1 y no todos los elementos. Y como soy un poquito torpe en Javascript no se muy bien como plantearlo.