0
votes

Pourquoi mon script n'a-t-il aucune incidence sur mon deuxième élément de paragraphe?

J'essaie d'écrire du code et j'ai un problème. Fondamentalement, j'essaie d'écrire des déclarations (ifs, sinon, etc.) et je dois accéder à certains éléments

de différents sections

. xxx

Je suppose que cela n'atteint pas l'élément réel avec ID deux alors comment puis-je le gérer?


9 commentaires

Dans la troisième ligne, il ne devrait pas y avoir ceci: . Typo désolé


Nah. Je veux changer de valeur de x à 10 dans les deux cas


Le script doit être inférieur à tout votre balisage de votre corps ou de l'envelopper avec un événement DomContent


L'élément deux n'existe pas encore lorsque votre script est en cours d'exécution, vous ne pouvez donc pas "atteindre plus profondément". Vous pouvez résoudre ce problème en plaçant votre script après Tous des éléments dont il a besoin pour accéder, mais il y a de meilleurs moyens de le faire. Toute leçon d'introduction sur JavaScript devrait couvrir ceci.


@Jlrishede c'est vrai. Merci!


J'ai corrigé votre code en le modifiant


Très appréciée


@Nishargshah ne modifie pas le code dans les questions pour résoudre le problème que l'Asker demande. Cela rend juste la question à l'air absurde. Si vous avez une solution au problème dans la question, ajoutez votre propre réponse.


@Jlrishe Yep je sais que je sais cette chose mais je ne sais pas en faisant cette question à résoudre la question, j'ajoute simplement une balise HTML dans la question; D


3 Réponses :


3
votes

Votre script est en cours de chargement avant le deux , vous devez mettre votre script toujours au bas de votre corps Tags (à l'intérieur eux), de sorte que tout votre contenu soit chargé d'abord, alors votre script.


0 commentaires

0
votes

Pour développer la réponse de Pedro, vous pouvez également utiliser JQuery et envelopper tout dans un document.Ready Fonction:

p>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p id="one" class = "class" >x</p>

<div class="green2">
  <p id ="two" class="class" >x</p>
</div>


0 commentaires

0
votes

Alternativement, vous pouvez ajouter un auditeur d'événements tel que le document de JQuery'sReadady () ou JavaScript sur les événements ou window.OnLoad. Ensuite, vous pouvez placer le script dans lequel vous l'aimez et la fonction ne sera exécutée que lorsque la page est prête.

Enveloppez simplement votre code dans la fonction d'auditeur comme telle: P>

P>

<p id="one" class = "class" >x</p>

<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function(){
  var time = new Date().getHours(); 
  if (time < 20) {
    document.getElementById("one").innerHTML = "10";
    document.getElementById("two").innerHTML = "10";
  }
});
</script>

<div class="green2">
<p id ="two" class="class" >x</p>
</div>


0 commentaires