Impossible d'utiliser la boucle foreach sur la collection HTML
P粉930534280
2023-08-29 09:48:35
<p>J'ai deux fichiers, l'un est un fichier js :</p>
<pre class="brush:php;toolbar:false;">const a = document.getElementsByTagName("body")[0];
const d = a.getElementsByTagName("h1");
d.forEach(element => {
element.innerHTML = "Texte modifié";
});</pré>
<p>Il existe également un fichier html : </p>
<pre class="brush:php;toolbar:false;"><!DOCTYPE html>
<html lang="fr">
<tête>
<titre>David
</titre>
≪/tête>
<corps>
<h1>Bonjour 1</h1>
<h2>David</h2>
<h3>Ariel</h3>
<h4>Yahav</h4>
<h1>Bonjour 2</h1>
<h1>Bonjour 3</h1>
<script src="food.js"></script>
</corps>
</html></pre>
<p>J'ai essayé de changer le texte de chaque élément h1 par le même texte, mais cela n'a pas fonctionné, c'est-à-dire que lorsque je l'exécute sur le navigateur, tout le texte "h1" reste toujours le même. </p>
<p>Je ne sais pas pourquoi, puisque "d" est une collection HTML et que j'utilise foreach pour l'exécuter. </p>
<p>En gros, tout est assez simple, donc je ne sais pas ce que je peux essayer. </p>
<p>Merci pour toute aide ! </p>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Vous ne devriez pas utiliser
forEachcar HTMLCollections n'implémente pas la méthode forEach.Utilisez une boucle for
const a = document.getElementsByTagName('body')[0] const d = a.getElementsByTagName('h1') for (let elem of d) { elem.innerHTML = '新文本' }