标签: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>
标签:asc dom 变量 学习 script div 返回值 按钮 node
原文地址:http://www.cnblogs.com/xishaonian/p/6939404.html