码迷,mamicode.com
首页 > 编程语言 > 详细

javascript-删除节点

时间:2017-06-04 09:40:39      阅读:235      评论:0      收藏:0      [点我收藏+]

标签:asc   dom   变量   学习   script   div   返回值   按钮   node   

任务目的:

每点击一下按钮删除一个标签。

掌握到了:

这里是主要学习到了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-删除节点

标签:asc   dom   变量   学习   script   div   返回值   按钮   node   

原文地址:http://www.cnblogs.com/xishaonian/p/6939404.html

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