3

Requiero cambiar el href con JavaScript (sin Jquery) en el siguiente código:

<div class="set">
    <a href="https://snapwidget.com/embed/4972t07">link a</a>
</div>
<div class="set">
    <a href="https://snapwidget.com/embed/4s972t07">link b</a>
</div>
<div class="set">
    <a href="https://snapwidget.com/embed/4s9720t7d">link c</a>
</div>

Requiero cambiarlo por la siguiente URL: https://www.instagram.com/leonard_avi/, cuando cargue todo el documento (automáticamente sin darle click)

2
  • ¿Solo desea cambiar a los enlaces que estén dentro de un div con la clase set ? o cuál es el criterio ?
    – Dev. Joel
    Commented el 20 ene. 2018 a las 3:08
  • ¿Podrías editar tu pregunta y agregar el código que has hecho?
    – Marcos
    Commented el 20 ene. 2018 a las 10:44

1 respuesta 1

1

Puedes hacerlo con querySelectorAll.

Reemplazo general

Aquí: document.querySelectorAll('div.set > a') se seleccionan los anchortags del div cuya clase se llama set.

Luego los recorres en un bucle y haces el cambio.

function cambiarLinks() {
  var nuevoLink = 'https://www.instagram.com/leonard_avi/';
  var eSet = document.querySelectorAll('div.set > a');
  var i = eSet.length;

  while (i--) {
    eSet[i].href = nuevoLink;
    console.log('Cambiado a : '+nuevoLink);
  }
}
window.onload = cambiarLinks;
<div class="set">
  <a href="https://snapwidget.com/embed/4972t07">link a</a>
</div>
<div class="set">
  <a href="https://snapwidget.com/embed/4s972t07">link b</a>
</div>
<div class="set">
  <a href="https://snapwidget.com/embed/4s9720t7d">link c</a>
</div>


Reemplazo parcial

En este ejemplo, se conserva el último elemento del enlace. Sería útil en casos en los que se quiera cambiar todo, guardando lo que hace la diferencia al final del enlace.

function cambiarLinks() {
  var nuevoLink = 'https://www.instagram.com/leonard_avi/';
  var eSet = document.querySelectorAll('div.set > a');
  var i = eSet.length;

  while (i--) {
    var viejoLink=eSet[i].href;
    var viejoUltimo=viejoLink.substr(viejoLink.lastIndexOf('/') + 1);
    var nuevoFinal=nuevoLink+viejoUltimo;
    eSet[i].href = nuevoFinal;
    console.log('Cambiado a : '+nuevoFinal);
  }
}
window.onload = cambiarLinks;
<div class="set">
  <a href="https://snapwidget.com/embed/4972t07">link a</a>
</div>
<div class="set">
  <a href="https://snapwidget.com/embed/4s972t07">link b</a>
</div>
<div class="set">
  <a href="https://snapwidget.com/embed/4s9720t7d">link c</a>
</div>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.