国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

JavaScript - ページに動的要素を追加する
phpcn_u1582
phpcn_u1582 2017-05-19 10:14:20
0
5
566

質(zhì)問: p 要素はなぜ一度だけ挿入でき、その後は挿入できないのですか?


修正:
コードを投稿します

これはhtmlです

リーリー

これはjsです

リーリー

コメントは 1 回しか更新できず、その後停止してしまいます。なぜですか?


ありがとう: innerHTML がこれほど魔法だとは知りませんでしたが、なぜわざわざする必要があるのでしょうか。 ###再度、感謝します!

phpcn_u1582
phpcn_u1582

全員に返信(5)
僅有的幸福


コードは問題なく実行されます。コードを確認(rèn)してデバッグすることをお勧めします。

実行結(jié)果:


コード投稿後の質(zhì)問への補(bǔ)足:

自分のコードを観察してください。最初にクリックしたときは、このメソッドを?qū)g行しても問題ありません。をクリックすると、再度実行できます。dom は、innerHTML を使用しているため、「テキストの挿入」を追加するだけです。<button class="input-submit">/ を削除するのと同じです。 button> dom に続いてページに追加されるため、前の onclick イベントは失われます。
下の図は変更可能なソリューションです。イベント委任を使用して完了することもできます

巴扎黑

ボックスは p を含むボックスである必要があります。ボックスには固定値があり、毎回ボックスを更新する必要があります

漂亮男人

內(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è)に置くことで解決できます。

再割り當(dāng)て:

リーリー
為情所困

jQueryを使ってみることができます。

リーリー
最新のダウンロード
詳細(xì)>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート