クリック イベントで各関数を個別に呼び出すのは問題ありませんが、ループ本体を記述した後は機能しません。関数だけならいいのですが、いつもテストを一つずつ書いてクリックイベントを個別に表示させるのですが、ループ本体があると問題があります。 <!DOCTYPE html><html lang="en"><head>
</head><body><input id="btn" type="button" value="クリックして li を生成"/></body> </html>
document.body.innerHTML += '<p>' + i + '</p>'; この文は、innerHTML を再設定すると、以前にバインドされていた onclick がなくなり、実際にはすべてが削除されるという事実によって引き起こされます。 1回実行 k ==0の場合です
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
document.body.innerHTML += '<p>' + i + '</p>'; この文は、innerHTML を再設定すると、以前にバインドされていた onclick がなくなり、実際にはすべてが削除されるという事実によって引き起こされます。 1回実行 k ==0の場合です