Me gustaría cambiar el href de en este código:
<div class ="amp-logo"> <a href="http://www.google.com" title="Google"></a> </div>Intenté usar este código:
<script> let link = document.querySelector('.amp-logo').getElementsByTagName('a'); link.href = window.origin+'/blog'; <\script>pero mi código no funciona. ¿Puede ayudarme alguien?
El problema con su código es que getElementsByTagName devuelve una matriz de objetos. Podrías hacer que funcione así:
let link = document.querySelector('.amp-logo').getElementsByTagName('a'); link[0].href = window.origin+'/blog'; // see the [0] here <div class="amp-logo"> <a href="http://www.google.com" title="Google">X</a> </div> Pero puede seleccionar el elemento <a> directamente así
let link = document.querySelector('.amp-logo > a'); link.href = window.origin+'/blog'; <div class="amp-logo"> <a href="http://www.google.com" title="Google">X</a> </div> o también podría usar solo el selector de atributo de title así
let link = document.querySelector('[title="Google"]'); link.href = window.origin+'/blog'; <div class="amp-logo"> <a href="http://www.google.com" title="Google">X</a> </div>o una combinación de ambos métodos como
let link = document.querySelector('.amp-logo [title="Google"]');