【週刊ドットインストール】 考える力を養うための新クラス『データで学ぶアルゴリズム』を256timesでリリース!
【HTML】 <h1 id="target">ドットインストール</h1> <p class="text">おはようございます</p> <p class="text">おはようございます</p> <p class="text">おはようございます</p> 【JavaScript】 function update(){ document.getElementsByTagName('p').forEach(p =>{ p.textContent = `こんばんは`; }); } setTimeout(update, 1000); 【問題点】 forEach()を利用し複数の要素を変更しようとしたのですが出来ませんでした 【自分で行ったこと】 function update(){ for(let i = 0; i < 3; i++){ document.getElementsByTagName('p')[i].textContent = `こんばんは`; } } setTimeout(update, 1000); for()を利用すると出来るのですが、forEach()では出来ないのでしょうか コンソール画面を確認してもforEach()が関数ではありませんと表示されてしまいます 是非、ご教示お願い致します。
ドットインストールは、3分動画でマスターできるプログラミング学習サービスです。
3分で気軽に学習でき、スマートフォンからも視聴可能です。ホームページやWebサービスの制作を通して、実践的にプログラミングを学べます。
他にも、ゲーム制作やデータ分析・機械学習・AIに使われる言語まで幅広くカバー。学びたい分野のレッスンがきっと見つかります。
この回答を見るにはプレミアムプランへの登録が必要です
【HTML】
<h1 id="target">ドットインストール</h1>
<p class="text">おはようございます</p>
<p class="text">おはようございます</p>
<p class="text">おはようございます</p>
【JavaScript】
function update(){
document.getElementsByTagName('p').forEach(p =>{
p.textContent = `こんばんは`;
});
}
setTimeout(update, 1000);
【問題点】
forEach()を利用し複数の要素を変更しようとしたのですが出来ませんでした
【自分で行ったこと】
function update(){
for(let i = 0; i < 3; i++){
document.getElementsByTagName('p')[i].textContent = `こんばんは`;
}
}
setTimeout(update, 1000);
for()を利用すると出来るのですが、forEach()では出来ないのでしょうか
コンソール画面を確認してもforEach()が関数ではありませんと表示されてしまいます
是非、ご教示お願い致します。