Tidak boleh menggunakan gelung foreach pada koleksi HTML
P粉930534280
2023-08-29 09:48:35
<p>Saya mempunyai dua fail, satu ialah fail js:</p>
<pre class="brush:php;toolbar:false;">const a = document.getElementsByTagName("body")[0];
const d = a.getElementsByTagName("h1");
d.forEach(elemen => {
element.innerHTML = "Teks ditukar";
});</pre>
<p>Terdapat juga fail html: </p>
<pre class="brush:php;toolbar:false;"><!DOCTYPE html>
<html lang="ms">
<kepala>
<tajuk>David
</title>
</head>
<badan>
<h1>Helo 1</h1>
<h2>David</h2>
<h3>Ariel</h3>
<h4>Yahav</h4>
<h1>Helo 2</h1>
<h1>Helo 3</h1>
<skrip src="makanan.js"></script>
</badan>
</html></pre>
<p>Saya cuba menukar teks setiap elemen h1 kepada teks yang sama, tetapi ia tidak berjaya, iaitu apabila saya menjalankannya pada penyemak imbas, semua teks "h1" masih kekal sama. </p>
<p>Tidak pasti mengapa, memandangkan "d" ialah koleksi html dan saya menggunakan foreach untuk menjalankannya. </p>
<p>Pada asasnya semuanya agak mudah jadi tidak pasti apa yang boleh saya cuba. </p>
<p>Terima kasih atas sebarang bantuan! </p>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Anda tidak boleh menggunakan
forEachkerana HTMLCollections tidak melaksanakan kaedah forEach.Gunakan gelung untuk
const a = document.getElementsByTagName('body')[0] const d = a.getElementsByTagName('h1') for (let elem of d) { elem.innerHTML = '新文本' }