Hice una pregunta similar sobre la personalización del HTML interno de los ID de intervalo y, aunque funcionó perfectamente, estoy buscando una solución que me permita usar varias instancias del mismo objetivo en la misma página (no funciona con ID desde tienen que ser únicos).
En este momento, estoy apuntando a elementos con algo como <span id="organization">placeholder</span> pero quiero poder usar el mismo marcador de posición de "organización" en varios lugares.
Este es el guión actual:
const queryString = window.location.search; var parameters = new URLSearchParams(window.location.search); for (const parameter of parameters) { document.getElementById(parameter[0]).innerHTML = parameter[1]; }Intenté apuntar a las clases tanto por nombre (getElementsByName) como por clase (getElementsByClassName), pero tengo problemas para mantener el script anterior funcionando con parámetros de URL dinámicos.
Gracias por cualquier ayuda.
Puede enlazar por getElementsByClassName , pero necesita convertir de HTMLCollection a una array mediante el operador de propagación, también puede usar forEach para lanzar cada elemento en bucle y configurar el innerHTML interno.
Aquí si pones por ejemplo
?uno=1&dos=2
Hay elemento cuya class="one" debe llenarse con 1 y lo mismo para two
html:
<div class="one"></div> <div class="one"></div> <div class="two"></div>js:
const queryString = window.location.search; var parameters = new URLSearchParams(window.location.search); for (const parameter of parameters) { [...document.getElementsByClassName(parameter[0])].forEach(element => element.innerHTML = parameter[1]); }