您的位置：首页 > Web前端 > JavaScript

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

2014-06-06 13:45 483 查看

<%@ 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.onclick=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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航