comment la valeur d'un attribut href peut-elle être modifiée en utilisant javascript/css?

Question

En supposant que le code HTML contient la structure suivante:

<div> 
    <a href="http://the/link/that/needs/to/be/changed">text</a> 
</div> 

<div> 
    <div> 
     //<script> or <style> must go here 
    </div> 
</div> 

... et en supposant que la « contribution » au fichier HTML final peut être inséré uniquement à l'endroit indiqué, et en supposant que le balisage de la " un "élément ne peut être modifié de quelque façon que ce soit, est-il possible d'ajouter du javascript ou du code css qui va changer l'url que l'attribut href de l'élément" a "précédent fait référence? Si c'est le cas, comment?

Answer 1

Vous pouvez le faire sans id:

document.querySelector("a[href^='http://the']") 

et mettre l'hélice href:

document.querySelector("a[href^='http://the']").href=whatever 

Pour une référence complète (navigateur compatibilité) de querySelector voir le MDN-Article

Answer 2

Placez un identifiant, par ex.

<a id="the_a_tag" href="...">...</a> 
    ^^^^^^^^^^^^^^ 

alors la JS est tout simplement

document.getElementById('the_a_tag').href = 'new address goes here'; 

aussi longtemps que vous mettez le javascript APRÈS le code HTML correspondant.

Et notez: CSS est pour la présentation seulement. À quelques exceptions près, il ne peut pas affecter le contenu des éléments du document, mais uniquement leur apparence (couleur/taille/position/etc ...).

Answer 3

Donnez le lien un identifiant <a href='...' id='linkToChange'>text</a>

Et alors l'accès dans votre script: document.getElementById('linkToChange').href='newAddress';

Answer 4

Vous pouvez le faire en utilisant quelque chose comme ceci:

document.getElementById("abc").href="xyz.php"; 

Vous devez définir un identifiant pour l'étiquette, votre tag ressemblera à ceci:

<div> 
    <a href="http://the/link/that/needs/to/be/changed">text</a> 
</div> 

<div> 
    <div> 
     //<script> or <style> must go here 
    </div> 
</div>