如何使用 Javascript 在单击按钮时注入大 html 代码？

Question

我想生成一个单击按钮的表单并使用 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>

Javascript

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

如何使用 Javascript 在单击按钮时注入大 html 代码？

How can I inject a large html code onclick of a button using Javascript?

html

javascript

dom-events