Skip to main content
añadida la respuesta de ID 286421 como contenido suplementario
Origen Enlace
Jorgesys
  • 111.1k
  • 14
  • 55
  • 134

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?

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

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?

se añadieron 16 caracteres en el cuerpo
Origen Enlace
alanfcm
  • 20.9k
  • 11
  • 19
  • 35

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:

var arrow-select-hour = document.getElementsByClassName("arrow-select-hour"); document.getElementsByClassName("arrow-select-hour").innerHTML = "url(https://i.ibb.co/xD1c5PY/flecha3.png)";
<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

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:

var arrow-select-hour = document.getElementsByClassName("arrow-select-hour"); document.getElementsByClassName("arrow-select-hour").innerHTML = "url(https://i.ibb.co/xD1c5PY/flecha3.png)";

Lo mismo pasa con la etiqueta li. Aquí la imagen

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

Origen Enlace
Ilya
  • 1
  • 1

usar javascript para cambiar una imagen html

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:

var arrow-select-hour = document.getElementsByClassName("arrow-select-hour"); document.getElementsByClassName("arrow-select-hour").innerHTML = "url(https://i.ibb.co/xD1c5PY/flecha3.png)";

Lo mismo pasa con la etiqueta li. Aquí la imagen