js动态创建标签示例代码

前端技术 2023/09/08 JavaScript
复制代码 代码如下:

<%@ page language=\"java\" import=\"java.util.*\" pageEncoding=\"UTF-8\"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + \"://\"
+ request.getServerName() + \":\" + request.getServerPort()
+ path + \"/\";
%>

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">
<html>
<head>
<base href=\"<%=basePath%>\">

<title>My JSP \'createElement.jsp\' starting page</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=\"keywords\" content=\"keyword1,keyword2,keyword3\">
<meta http-equiv=\"description\" content=\"This is my page\">
<script type=\"text/javascript\"
src=\"<%=request.getContextPath()%>/jquery/jquery-1.7.min.js\"></script>
<script type=\"text/javascript\">
$(function() {
$(\"#but\").click(function() {
var para = document.createElement(\"p\");
var node = document.createTextNode(\"这是新段落。\");
para.appendChild(node);

var element = document.getElementById(\"div1\");
element.appendChild(para);

})
})
</script>
</head>
<body>
<div id=\"div1\">
<p id=\"p1\">
这是一个段落。
</p>
<p id=\"p2\">
这是另一个段落。
</p>
</div>
<input type=\"button\" id=\"but\" value=\"添加\">
</body>
</html>

本文地址：https://www.stayed.cn/item/21485

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案