js动态创建标签

最新推荐文章于 2024-07-08 16:22:29 发布

u010227447

最新推荐文章于 2024-07-08 16:22:29 发布

阅读量726

点赞数

文章标签： javascript jquery path utf-8 w3c

本文链接：https://blog.csdn.net/u010227447/article/details/28876263

版权

<%@ 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>

u010227447

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js动态创建标签

String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() +
复制链接

扫一扫