每天一个JavaScript实例-从一个div元素删除一个段落
2014-10-25 20:27
639 查看
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-从一个div元素删除一个段落</title> <style> p{ padding:20px; margin:10px 0; width:400px; background-color:#eef; } </style> <script> window.onload = function(){ var paras = document.getElementsByTagName("p"); for(var i=0;i<paras.length;i++){ paras[i].onclick = prun; } } function prun(){ var parent = this.parentNode; console.log(parent); parent.removeChild(this); alert("paras" + document.getElementsByTagName("p").length); } </script> </head> <body> <div id = "date"> <p>one</p> <p>two</p> <p>three</p> <p>four</p> <p>five</p> </div> </body> </html>
相关文章推荐
- 每天一个JavaScript实例-从一个div元素删除一个段落
- 每天一个JavaScript实例-使用循环和分割来替换和删除元素
- 每天一个JavaScript实例-操作元素定位元素
- 每天一个JavaScript实例-铺货鼠标点击位置并将元素移动到该位置
- 每天一个JavaScript实例-获取元素当前高度
- 每天一个JavaScript实例-从js脚本中访问object元素中的SVG
- 每天一个JavaScript实例-铺货鼠标点击位置并将元素移动到该位置
- 每天一个JavaScript实例-获取元素当前高度
- JavaScript添加、查找、删除元素的一个实例
- 每天一个JavaScript实例-操作元素定位元素
- 每天一个JavaScript实例-处理textarea中的字符成每一行
- 每天一个JavaScript实例-html5拖拽
- 每天一个JavaScript实例-apply和call的用法
- 每天一个JavaScript实例-提取所有链接并添加到页面末尾列表
- 每天一个JavaScript实例-展示设置和获取CSS样式设置
- javascript 删除某一个元素下面所有节点
- JavaScript使用循环和分割来替换和删除元素实例
- 每天一个JavaScript实例-标量参数和数组参数的功能性区别
- 每天一个JavaScript实例-确定web页面的区域
- 用JavaScript实现用一个DIV来包装文本元素节点