Comment modifier un lien hypertexte href en JavaScript ?

Réponses rédigées par Antoine

Dernière mise à jour : 2020-10-12 14:50:13

Question

Comment puis-je modifier un lien hypertexte href en JavaScript, c'est à dire modifier l'adresse du lien, mais également son texte ?

Réponse

Pour modifier un lien hypertexte href en JavaScript, vous pouvez utiliser les propriétés JavaScript suivantes :

Element.href pour changer l'adresse du lien.
Element.textContent pour changer le texte du lien.

Exemple pour modifier un lien hypertexte en JavaScript :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Comment modifier un lien hypertexte href en JavaScript ?</title>
</head>
<body>
<a href="https://www.google.com" id="lien">Aller sur Google.com</a>
<script>
document.getElementById('lien').href ="https://www.collaborativejob.com";
document.getElementById("lien").textContent = "Aller sur 1FORMATIK.com";
</script>
</body>
</html>