复制代码代码如下：
<％@ page语言=“ java” import =“ java.util。*” pageencoding =“ utf-8”％>
<％
字符串路径= request.getContextPath（）;
字符串basepath = request.getScheme（） +“：//”
+ request.getServername（） +“：” + request.getServerport（）
+路径 +“/”;
％>
<！doctype html公共” - // W3C // DTD HTML 4.01 Transitional // en>
<html>
<头>
<base href =“ <％= basepath％>”>
<title>我的JSP'createElement.jsp'启动页</title>
<meta http-equiv =“ pragma” content =“ no-cache”>
<meta http-equiv =“ cache-control” content =“ no-cache”>
<meta http-equiv =“ expires” content =“ 0”>
<meta http-equiv =“关键字” content =“ keyword1，keyword2，keyword3”>
<meta http-equiv =“描述” content =“这是我的页面”>
<脚本类型=“ text/javascript”
src =“ <％= request.getContextPath（）％>/jquery/jquery-1.7.min.js”> </script>
<脚本类型=“ text/javascript”>
$（function（）{
$（“＃但是”）。单击（function（）{
var para = document.createelement（“ p”）;
var node = document.createTextNode（“这是新段落。”）;
para.appendchild（node）;
var element = document.getElementById（“ div1”）;
Element.AppendChild（Para）;
}））
}））
</script>
</head>
<身体>
<div id =“ div1”>
<p id =“ p1”>
这是一个段落。
</p>
<p id =“ p2”>
这是另一个段落。
</p>
</div>
<input type =“ button” id =“但是” value =“添加”>
</body>
</html>