getElementById ne peut pas récupérer l'objet
Il existe une séquence dans laquelle le navigateur analyse le document avant le chargement de la page ou avant le chargement de l'objet DOM correspondant, l'objet correspondant ne peut pas être obtenu.
Regardez le code ci-dessous :
<script>
var temp = document.getElementById("div");
alerte(temp);
</script>
<corps>
<identifiant div="div">
<input name="nom d'utilisateur" id="nom d'utilisateur" type="text">
<button id="btn">Bouton</button>
</div>
</corps> Dans ce code, document.getElementById(“div”) ne peut pas obtenir l'objet et alert(temp) affichera null ;
En effet, lorsque le navigateur analyse le code dans la balise script, les éléments DOM du corps n'ont pas été chargés, donc naturellement rien ne peut être obtenu.
Solution : déplacez le code dans le script après l'élément body.
<corps>
<identifiant div="div">
<input name="nom d'utilisateur" id="nom d'utilisateur" type="text">
<button id="btn">Bouton</button>
</div>
<script>
var temp = document.getElementById("div");
alerte(temp);
</script>
</corps>Ou ajoutez window.onload
<script>
window.onload = fonction(){
var temp = document.getElementById("div");
alerte(temp);
}
</script>Résumer
Ce qui précède est ce que l'éditeur vous présente pour résoudre le problème des méthodes de la série document.getElementBy qui ne peuvent pas obtenir d'objets. J'espère que cela vous sera utile. Merci beaucoup pour votre soutien au site downcodes.com !