javascript-删除节点
Posted 可我浪费着我寒冷的年华
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javascript-删除节点相关的知识，希望对你有一定的参考价值。
任务目的：
每点击一下按钮删除一个标签。
掌握到了：
这里是主要学习到了parentNote以及removeChild两个DOM属性。
parentNote:parent英译为父亲，Note英译为节点。顾名思义就是：父节点
removeChild：remove删除，Chinld儿子，顾名思义就是：子节点
在删除某一个节点的时候需要调用其父节点，简单的说就是：只有他爹才能删除它。
代码：
<html> <head> <script> function del(){ var lis = document.getElementsByTagName(‘li‘);//返回值为数组 var lastli = lis[lis.length-1];//获取数组的最后一个值赋值给lastli变量。 lastli.parentNode.removeChild(lastli);//parent英译为父亲，Node英译为节点。总的就是删除父节点下的lastli子节点。 } </script> </head> <input type="button" value="点击我从最后删除li标签" onclick="del();"> <ul> <li>春</li> <li>夏</li> <li>秋</li> <li>冬</li> </ul> <body> </body> </html>
以上是关于javascript-删除节点的主要内容，如果未能解决你的问题，请参考以下文章
Javascript进阶篇——(DOM—节点---插入删除和替换元素创建元素创建文本节点)—笔记整理
javascript [删除元素，如果存在另一个元素]这个片段将找到id / class，如果它有任何内容（aka。children），那么它将remo