符合中小企业对网站设计、功能常规化式的企业展示型网站建设
本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...
商城网站建设因基本功能的需求不同费用上面也有很大的差别...
手机微信网站开发、微信官网、微信商城网站...
是想要按b的类删掉删除按钮所在的p吗?
创新互联专注为客户提供全方位的互联网综合服务,包含不限于成都网站制作、做网站、外贸营销网站建设、涿州网络推广、重庆小程序开发公司、涿州网络营销、涿州企业策划、涿州品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联为所有大学生创业者提供涿州建站搭建服务,24小时服务热线:18982081108,官方网址:www.cdcxhl.com
有两种方法:第一种按照你取的p的类名,但是不要把直接用数字当作类名,js会报错,我加了个b,就是b1,b2这样
function insert(Obj) {
var a = typeof Obj == "string" ? document.getElementById(Obj) : Obj;
b ++
a.insertAdjacentHTML('beforeBegin', 'p class=b' + b + '
input style="width:90%" type=text
button class="btn btn-xs" onclick="delete1('+ b +')"/span class="glyphicon glyphicon-remove"/span删除/button br/br//p');
}
function delete1(Obj){
document.querySelector('.b'+Obj).remove();
}
第二种根据按钮的父子元素关系:
function insert(Obj) {
var a = typeof Obj == "string" ? document.getElementById(Obj) : Obj;
b ++
a.insertAdjacentHTML('beforeBegin', 'p class=b' + b + '
input style="width:90%" type=text
button class="btn btn-xs" onclick="delete1(this)"/span class="glyphicon glyphicon-remove"/span删除/button br/br//p');
}
function delete1(e){
e.parentNode.remove();
}
两个方法都在按钮那里传了个参数过去
var op=document.getElementById("sel").getElementsByTagName("option");
for(var i=0;iop.length;i++){
if(op[i].attributes["value"].value==2){
document.getElementById("sel").removeChild(op[i]);
}
}
亲。你第一个“nihao” 用的jquery绑定的。 你删除不能用原生的javascript删除。
可以$('#myBtn').unbind("click")
如果是原生的javascript,添加事件用 addEventListener , attachEvent 和removeEventListener,detachEvent 添加和删除。
删除属性使用 removeAttribute方法。
删除节点使用 parentNode.removeChild(node)
!DOCTYPE html
html
head
meta charset="utf-8" /
meta http-equiv="X-UA-Compatible" content="IE=edge"
titlePage Title/title
meta name="viewport" content="width=device-width, initial-scale=1"
script type="text/javascript"
onload=function(){
btn.onclick=function(){
var container = document.querySelector('#container');
var textInput = document.querySelector('#text');
var testBtn = document.querySelector('#test');
testBtn.removeAttribute('onclick');
container.removeChild(textInput);
}
}
/script
/head
body
div id="container"
input type="text" name="text" id="text" value="" /
input type="button" value="仅作测试" id="test" onclick ="javascript:alert('存在点击事件Attribute')" /
input type="button" value="删除按钮的onclick及id=text的文本框" id="btn" /
/div
/body
/html
这是因为你添加的节点加错位置了:
oUl.lastElementChild.appendChild(li);
这意思就是说把新加的li放到最后一个子节点(也就是最后一个li)内,好嘛,本来想再生个儿子的,结果变成自己最小儿子的儿子,也就是孙子了!这样的话,你统计自己儿子的数量肯定不会有变化啊!
应该这样:
oUl.appendChild(li);
这才算是喜添贵子嘛!
这个时候 oUl.lastElementChild 就自动变为这个新添的儿子了。这个时候如果想杀死这个儿子(好残忍)才算是杀对了,否则的话原来的那个小儿子就会被误杀了,和它一起死的还有它刚出生的儿子(本来是它弟弟的)