Javascript:在 <body> 标签中创建一个新的 div

这很难解释，但我会尽力而为。我想编写一个 Javascript 函数，它接受两个参数(标题、内容)并创建一个 <div>标签 <body>标签。 <div>标签应如下所示。

<div>
  <h2>title</h2>
  <p>content</p>
</div>

我的 JavaScript 代码如下所示:

function addElement (title, content) {
   var newDiv = document.createElement("div");
   var newH2 = document.createElement("h2");
   var title = document.createTextNode(header);
   newH2.appendChild(title);
   var p = document.createElement("p");
   var post = document.createTextNode(entry);
   p.appendChild(post);
   newDiv.appendChild(newH2);
   newDiv.appendChild(p);

   // Missing codes here...
}

我不知道如何完成我的方法。因为我的页面中有近数百个标签，并且我希望这些新标签(当用户进行新输入时)将出现在 html 代码页面中间的同一位置，以便保持组织有序。

最佳答案

如果您想使用 jQuery，请看一下这个 fiddle :http://jsfiddle.net/panpymq2/

在我的 fiddle 中，我绑定(bind)到按钮按下。然后我调用一个方法，将新生成的 html 附加到页面的 body 中。您可以在使用 CSS3 选择器附加新 HTML 的位置进行更改。只需修改 $("在此处插入选择器").append...

更新
根据新的要求，我更新了我的 fiddle :http://jsfiddle.net/panpymq2/1/

我现在将新的 html 添加到到文档中。

关于Javascript:在 <body> 标签中创建一个新的 div，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27850021/