質問: p 要素はなぜ一度だけ挿入でき、その後は挿入できないのですか?
修正:コードを投稿します
これはhtmlです
これはjsです
コメントは 1 回しか更新できず、その後停止してしまいます。なぜですか?
ありがとう: innerHTML がこれほど魔法だとは知りませんでしたが、なぜわざわざする必要があるのでしょうか。 ＃＃＃再度、感謝します！
コードは問題なく実行されます。コードを確認してデバッグすることをお勧めします。
自分のコードを観察してください。最初にクリックしたときは、このメソッドを実行しても問題ありません。をクリックすると、再度実行できます。dom は、innerHTML を使用しているため、「テキストの挿入」を追加するだけです。<button class="input-submit">/ を削除するのと同じです。 button> dom に続いてページに追加されるため、前の onclick イベントは失われます。 下の図は変更可能なソリューションです。イベント委任を使用して完了することもできます
ボックスは p を含むボックスである必要があります。ボックスには固定値があり、毎回ボックスを更新する必要があります
内部のコンテンツを変更して<p class="remark">里面的内容的时候新添加的按钮没有添加过点击事件的。就是这个时候添加点击事件的代码没有再次执行给你添加事件，你需要把添加事件的代码放到单独一个函数里，但页面加载的时候调用一遍。然后在替换<p class="remark">を再度呼び出すと、新しく追加されたすべてのボタンに対してクリック イベントが有効になるためです。
<p class="remark">
結局のところ、これはブラウザでの js と dom の動作原理に関するものです。私が言ったことに従って書き換えてみてください。
コードの最初のボタンは正常に追加できると思いますが、新しく追加された他のボタンは機能しません。試してみる。
https://jsfiddle.net/8ghrx7os/
複数回挿入できるはずです。コード全体を投稿してご覧ください。
なぜなら < button class="input-submit">Building</button> このボタンは、<p class="remark"> の子ノードです。 ボタンをクリックすると、<p class="remark">が更新され、同時に <button class="input-submit">盖楼</button> 这个按钮在 <p class="remark"> 的子节点。点击按钮时更新 <p class="remark"> 的 同时，刷新了 buttonが更新されるため、監視が失敗します。
< button class="input-submit">Building</button>
<button class="input-submit">盖楼</button>
button
は、値を再割り当てするか、単に button を外側に置くことで解決できます。
jQueryを使ってみることができます。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
実行結果:コードは問題なく実行されます。コードを確認してデバッグすることをお勧めします。
コード投稿後の質問への補足:自分のコードを観察してください。最初にクリックしたときは、このメソッドを実行しても問題ありません。をクリックすると、再度実行できます。dom は、innerHTML を使用しているため、「テキストの挿入」を追加するだけです。<button class="input-submit">/ を削除するのと同じです。 button> dom に続いてページに追加されるため、前の onclick イベントは失われます。
下の図は変更可能なソリューションです。イベント委任を使用して完了することもできます
ボックスは p を含むボックスである必要があります。ボックスには固定値があり、毎回ボックスを更新する必要があります
内部のコンテンツを変更して
<p class="remark">里面的内容的时候新添加的按钮没有添加过点击事件的。就是这个时候添加点击事件的代码没有再次执行给你添加事件，你需要把添加事件的代码放到单独一个函数里，但页面加载的时候调用一遍。然后在替换<p class="remark">を再度呼び出すと、新しく追加されたすべてのボタンに対してクリック イベントが有効になるためです。結局のところ、これはブラウザでの js と dom の動作原理に関するものです。私が言ったことに従って書き換えてみてください。
コードの最初のボタンは正常に追加できると思いますが、新しく追加された他のボタンは機能しません。試してみる。
https://jsfiddle.net/8ghrx7os/
複数回挿入できるはずです。コード全体を投稿してご覧ください。
---------------------区切り線---------------------なぜなら
< button class="input-submit">Building</button>このボタンは、<p class="remark">の子ノードです。ボタンをクリックすると、
<p class="remark">が更新され、同時に<button class="input-submit">盖楼</button>这个按钮在<p class="remark">的子节点。点击按钮时更新
<p class="remark">的 同时，刷新了buttonが更新されるため、監視が失敗します。は、値を再割り当てするか、単に
buttonを外側に置くことで解決できます。再割り当て:
リーリーjQueryを使ってみることができます。
リーリー