質(zhì)問: p 要素はなぜ一度だけ挿入でき、その後は挿入できないのですか?
修正:
コードを投稿します
これはhtmlです
リーリーこれはjsです
リーリーコメントは 1 回しか更新できず、その後停止してしまいます。なぜですか?
ありがとう: innerHTML がこれほど魔法だとは知りませんでしたが、なぜわざわざする必要があるのでしょうか。 ###再度、感謝します!
コードは問題なく実行されます。コードを確認(rèn)してデバッグすることをお勧めします。
自分のコードを観察してください。最初にクリックしたときは、このメソッドを?qū)g行しても問題ありません。をクリックすると、再度実行できます。dom は、innerHTML を使用しているため、「テキストの挿入」を追加するだけです。<button class="input-submit">/ を削除するのと同じです。 button> dom に続いてページに追加されるため、前の onclick イベントは失われます。
下の図は変更可能なソリューションです。イベント委任を使用して完了することもできます
內(nèi)部のコンテンツを変更して<p class="remark">
里面的內(nèi)容的時候新添加的按鈕沒有添加過點(diǎn)擊事件的。就是這個時候添加點(diǎn)擊事件的代碼沒有再次執(zhí)行給你添加事件,你需要把添加事件的代碼放到單獨(dú)一個函數(shù)里,但頁面加載的時候調(diào)用一遍。然后在替換<p class="remark">
を再度呼び出すと、新しく追加されたすべてのボタンに対してクリック イベントが有効になるためです。
結(jié)局のところ、これはブラウザでの js と dom の動作原理に関するものです。私が言ったことに従って書き換えてみてください。
コードの最初のボタンは正常に追加できると思いますが、新しく追加された他のボタンは機(jī)能しません。試してみる。
https://jsfiddle.net/8ghrx7os/
複數(shù)回挿入できるはずです。コード全體を投稿してご覧ください。
---------------------區(qū)切り線---------------------なぜなら < button class="input-submit">Building</button>
このボタンは、<p class="remark">
の子ノードです。
ボタンをクリックすると、<p class="remark">
が更新され、同時に <button class="input-submit">蓋樓</button>
這個按鈕在 <p class="remark">
的子節(jié)點(diǎn)。
點(diǎn)擊按鈕時更新 <p class="remark">
的 同時,刷新了 button
が更新されるため、監(jiān)視が失敗します。
は、値を再割り當(dāng)てするか、単に button
を外側(cè)に置くことで解決できます。