码迷,mamicode.com
首页 > Web开发 > 详细

js添加元素,和删除当前元素

时间:2017-09-13 23:17:19      阅读:231      评论:0      收藏:0      [点我收藏+]

标签:输入   highlight   var   query   fun   ram   date   click   元素   

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="jquery-3.0.0.min.js"></script>
</head>
<body>
<div class="main">
	<div class="tag-mess-phone">
		<label for="createDateRange" class="control-label label-tag tag-mes-control-label">电话号码</label>
		<input class="form-control" id=‘inputphoneValue2‘ onkeyup="value=value.replace(/[^\d]/g,‘‘)" placeholder="请输入手机号" maxlength="11">
		<button class="btn margin-left" onclick="deletePhone(this)" type="button">删除</button>
	</div>
	<div class="tag-mess-send-add">
		<button  onclick="addMessPhone()">添加</button>
	</div>
</div>
<script>
function addMessPhone(){
        var $params=‘‘;
            $params+=‘<div class="tag-mess-phone">‘ 
            $params+=‘<label for="createDateRange" class="control-label label-tag tag-mes-control-label">‘+"电话号码"+‘</label>‘
            $params+=‘<input class="form-control" id="inputphoneValue2" placeholder="请输入手机号" onkeyup="value=value.replace(/[^\d]/g,\‘\‘)"  maxlength="11">‘
            $params+=‘<button class="btn margin-left" onclick="deletePhone(this)" type="button">‘+"删除"+‘</button>‘
            $params+=‘</div>‘
       $(".tag-mess-send-add").before($params);
 }      

function deletePhone(e){
	e.parentNode.parentNode.removeChild(e.parentNode);
}

</script>	
</body>
</html>

  

js添加元素,和删除当前元素

标签:输入   highlight   var   query   fun   ram   date   click   元素   

原文地址:http://www.cnblogs.com/zzwlong/p/7517874.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!