如何使用javascript在按鈕上單擊時注入較大的html代碼？

Question

我想生成一個按鈕的onclick表單，並使用Javascript提交。
如何在不手動創建DOM元素並將其附加的情況下添加大型html代碼？
有什么辦法可以使整個html代碼立即獲得附加？

Answer 1

您可以使用AJAX

的HTML

<div class="form-container"> </div>  
<button id ="get-form"></button> 

JAVASCRIPT

$('#get-form').click(function(){
        $( ".form-container").load( "ajax/form.html" );
    });

form.html

<form>
<h1>form title</h1>
</form>

Answer 2

的HTML

<div id="form-container"> </div>  
<button id ="get-form" onclick="getForm()">Get Form</button> 

Java腳本

  <script>
   var form = '<form>
                    <h1>form title</h1>
                    </form>';
    function() {
      document.getElementById('form-container').innerHTML = form;
    }
 </script>