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代码点击按钮？

2 个答案: