Tengo un motor de reserva que me gestiona las entradas. Éste se encuentra en otro servidor al cuál no tengo acceso y quiero cambiar código html de una de las partes del motor. Estoy intentando cambiar la imagen y otras partes del motor.
Lo que tengo entendido que podría usar Javascript para poder reemplazar la imagen. Pero no encuentro id de esta. He intentado cambiar la imagen por su clase. Pero tampoco me sale. Este es el código html:
<div class="eventsCalendar-subtitle" style="height: 2em;">
<img class="arrow-select-hour" src="/img/arrow-select-hour.png?20161020" style="height: 30px;">
<span class="arrow-select-hour">Elige hora</span></div>
Y aquí el código java con el que intento modificar la imagen:
<script>
var arrow-select-hour = document.getElementsByClassName("arrow-select-hour");
document.getElementsByClassName("arrow-select-hour").innerHTML = "url(https://i.ibb.co/xD1c5PY/flecha3.png)";
</script>
Lo mismo pasa con la etiqueta li. Aquí la imagen
Lo he dejado así:
<script>
document.getElementByClassName("arrow-select-hour").src="https://i.ibb.co/xD1c5PY/flecha3.png";
</script>
y no me ha dado resultados. Algo mal estoy haciendo?