Pourquoi la taille de la police corporelle définie avant l'événement de clic de souris?

parce que vous exécutez la fonction immédiatement em> et réglage le résultat de la fonction (qui est non défini code>) sur le onclick code> événement.

Si vous souhaitez simplement définir la taille de la police sur 20 lorsque vous cliquez sur le bouton, il n'est pas nécessaire d'envelopper la fonction avec un appel de la fonction et de surcharger des choses. Il suffit d'avoir une fonction simple et de mettre la valeur dans la ligne de code: p>

p>

<p>Some paragraph text</p>
<h1>some heading 1 text</h1>
<h2>some heading 2 text</h2>
<a href="#" id="size-12">12</a>

Réponse courte: forte>

Votre extrait de code est évalué sur la charge de la page et les retours non définis code> qui a été attribué à onclick code> événement. La propriété FontSize code> est modifiée avant de cliquer sur n'importe quel élément DOM. De votre exemple: p> xxx pré>

asnwer plus long avec explication: strong> p>

Voyons un exemple rapide pour représenter l'ordre d'évaluation de Le code: p>

p>

<script>
   document.getElementById('size-12').onclick = function {
      document.body.style.fontSize = '20px';
   };
</script>

Parce que vous utilisez ici une expression de fonction immédiatement invoquée (IIFE) pour votre gestionnaire ONCLICK. La fonction sera exécutée lorsque le script se charge et retournera non défini sur une propriété onclick de votre élément DOM.

Si tout ce que vous voulez, c'est modifier la taille de la police, cliquez, alors vous pouvez le faire sans même ayant une étiquette de script. xxx