javascript添加删除节点的问题
在一个对象(如UL)中,用appendChild()方法添加子节点(如LI),可以成功添加,但地测试对象子节点的长度没有变化(childNodes.length或chil...
在一个对象(如UL)中,用appendChild()方法添加子节点(如LI),可以成功添加,但地测试对象子节点的长度没有变化(childNodes.length或children.length)。是正常情况吗?怎么才能让UL的子节点数也跟着变化?如果子节点数不发生变化,怎么实现用removeChild()实现删除最后一个添加到对象中的子节点?求大神解答一下,或者可以给出相应的JS代码,谢谢!
展开
1个回答
展开全部
这是因为你添加的节点加错位置了:
oUl.lastElementChild.appendChild(li);
这意思就是说把新加的li放到最后一个子节点(也就是最后一个li)内,好嘛,本来想再生个儿子的,结果变成自己最小儿子的儿子,也就是孙子了!这样的话,你统计自己儿子的数量肯定不会有变化啊!
应该这样:
oUl.appendChild(li);
这才算是喜添贵子嘛!
这个时候 oUl.lastElementChild 就自动变为这个新添的儿子了。这个时候如果想杀死这个儿子(好残忍)才算是杀对了,否则的话原来的那个小儿子就会被误杀了,和它一起死的还有它刚出生的儿子(本来是它弟弟的)
oUl.lastElementChild.appendChild(li);
这意思就是说把新加的li放到最后一个子节点(也就是最后一个li)内,好嘛,本来想再生个儿子的,结果变成自己最小儿子的儿子,也就是孙子了!这样的话,你统计自己儿子的数量肯定不会有变化啊!
应该这样:
oUl.appendChild(li);
这才算是喜添贵子嘛!
这个时候 oUl.lastElementChild 就自动变为这个新添的儿子了。这个时候如果想杀死这个儿子(好残忍)才算是杀对了,否则的话原来的那个小儿子就会被误杀了,和它一起死的还有它刚出生的儿子(本来是它弟弟的)
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询