首页 > 代码库 > javascript-删除节点
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="http://www.mamicode.com/点击我从最后删除li标签" onclick="del();"> <ul> <li>春</li> <li>夏</li> <li>秋</li> <li>冬</li> </ul><body></body></html>
javascript-删除节点
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。