Comment changer la valeur de l'attribut onClick en JavaScript ?

Réponses rédigées par Antoine
Dernière mise à jour : 2020-11-04 17:16:22
Thèmes : webmaster - javascript
Question
<button onclick="maFunction()">Bouton</button>

Comment faire pour pour changer l'attribut onClick, maFunction() par autreFunction() avec JavaScript ?

Réponse

Pour changer la valeur d'un attribut onClick, vous devez attribuer un id à la balise HTML, et utiliser l'élément JavaScript setAttribute().

L'élément SetAttribute() contient deux paramètres :

  • L'attribut dont la valeur doit être modifiée (onclick dans notre exemple).
  • La nouvelle valeur de l'attribut.

Remarque : Si vous voulez supprimer la valeur d'un attribut, et au lieu de lui attribuer une valeur null ou un return false, mieux vaut utiliser removeAttribute.

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Comment changer la valeur de l'attribut onClick en JavaScript ?</title>
</head>
<body>
<button id="bouton" onclick="maFunction()">Bouton</button>
<script>
document.getElementById('bouton').setAttribute('onclick','autreFunction()');
</script>
</body>
</html>