js动态添加标签和动态删除标签

最新推荐文章于 2024-03-19 23:18:43 发布

u010227447

最新推荐文章于 2024-03-19 23:18:43 发布

阅读量1.1w

点赞数

文章标签：标签 path utf-8 java w3c

<%@ 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(){
           $("#tianjia").click(function(){

               var br=document.createElement("br");
               var input=document.createElement("input");
               var button=document.createElement("input");

               input.type="file";

               button.type="button";
               button.value="移除...";

               button.οnclick=function(){
                   document.getElementById("tianjia11").removeChild(br);
                   document.getElementById("tianjia11").removeChild(input);
                   document.getElementById("tianjia11").removeChild(button);
               }

               document.getElementById("tianjia11").appendChild(br);
               document.getElementById("tianjia11").appendChild(input);
               document.getElementById("tianjia11").appendChild(button);

           })

       })

   </script>


</head>

<body>
   <div id="tianjia11">
       <input type="file" >
   </div>
   <input type="button" value="添加" id="tianjia">
</body>
</html>