石周明

JS部分：

<script type=”text/javascript”>
function addCon(){
var para = document.createElement(“p”);
var cont1 = document.createTextNode(“嘿嘿，我就是”);
var em = document.createElement(“em”);
var cont2 = document.createTextNode(“这样”);
var cont3 = document.createTextNode(“被插入到文档里的”);
para.appendChild(cont1);
em.appendChild(cont2);
para.appendChild(em);
para.appendChild(cont3);
var div = document.getElementById(“testdiv”);
div.appendChild(para);
document.getElementById(“finput”).setAttribute(“value”,”再点一次吧”)
}
</script>

html部分：

<div style=”border:1px solid #ccc;” id=”testdiv”> <input id=”finput” type=”button” value=”点我把” onclick=”addCon()” /></div>

例子比较简单 用到基础的方法appendChild