<div id="div1"></div>
//第一步创建标签元素节点
var elem=document.createElement("p");
//第二步创建文本节点
var content=document.createTextNode("Hello,BigSpinach!");
//第三步将文本添加到所创建的标签中
elem.appendChild(content);
//第四步，将创建的元素添加到页面中
document.getElementById("div1").appendChild(elem);
<div id="div2"></div>
document.getElementById("div2").innerHTML="<p>hello div2！</p>";
<body></body>
document.write（"<p>hello div3！</p>"）;
页面会打印出 hello div3！
<div id="div4"></div>
//第一步：创建页面元素
var $p=$("<p></p>");
//第二步：设置文本的值
$p.attr("name","250");
//第三步：设置属性
$p.text("hellow div4！");
//第四步： 将创建的元素添加到指定位置
$("#div4").append($p);
原文：http://www.cnblogs.com/bigspinach/p/7639422.html