javascript - 单击按钮添加新的自定义 div

Question

我正在制作一个小型 Web 应用程序，允许用户通过单击添加按钮将便签添加到页面。下面是组成便签的html。

<div class="sticky_note">
    <div class="title">
      <input type="text" name="title" placeholder="My Title"><span class="close">x</span>
    </div>
    <div class="content">
      <textarea name="note" placeholder="Type here..."></textarea>
    </div>
</div>

我只是有点不确定如何在每次用户单击添加时添加另一个便签。任何帮助，将不胜感激。谢谢!

Answer 1

您可以通过按下按钮生成一个 html 元素，例如:

var div = document.createElement('div');
div.id = 'window'; //you can assign property to your element.

var div2 = document.createElement('div');
div2.id = 'windowhead';
div.appendChild(div2);
document.body.appendChild(div);

此代码将一个 div 附加到另一个主容器中。希望对您有所帮助。