HTML を動的にロードする方法を理解しています。ロード、割り当て、およびロードされた要素の ID の追跡方法を理解するのに問題がありますdiv。
これが私のメインブロックです
<div id="add-equip-container">
<div id="add-equip-content">
</div>
<button id="add-equipment">Add More Equipment</button>
<button id="submit-equipment">Submit Equipment</button>
</div>
これで、 がクリックされるたびにadd-equipment、次のブロックを にロードしたいと思いますadd-equip-content。
<div class="add-equip-form">
<input id="?" type="text" placeholder="Equipment Description..."/></br>
<input id="?" type="text" placeholder="Equipment Number"/></br>
<input id="?" type="text" placeholder="Other Stuff..."/></br>
</div>
各ブロックは、ロードされた前のブロックの下に挿入されます。この操作中に配布されるさまざまな ID を割り当てて追跡する方法がわかりません。jQueryを含まないソリューションが大好きです。フレームワークに入る前に、バニラ JavaScript を習得しようとしています。
すでにこれに関する質問やブログなどがあると思いますが、検索するのに最適なキーワードがわかりません. 検索キーワードに「動的に HTML を読み込む」を使用すると、AJAX チュートリアルの結果しか得られません。
助けてくれてありがとう！