每天一个JavaScript实例-从一个div元素删除一个段落
2024-08-23 21:12:37
<!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>
最新文章
- CSRF防御之ASP.NET MVC
- 2016中国大学生程序设计竞赛(长春) Ugly Problem 模拟+大数减法
- git 教程(2)--创建版本库
- struts2支持的结果类型
- 列车时刻表查询 jqm/ajax/xml
- 全注解的SSH框架
- UVALive 7147 World Cup
- hp惠普服务器监控硬盘
- window.onload() 等待所有的数据加载都完成之后才会触发
- poj 1819 Disks
- BZOJ 3110 ZJOI 2013 K大数查询 树套树(权值线段树套区间线段树)
- Ubuntu自定义命令
- ASP.NET - cookie
- HDU - 5521 Meeting (Dijkstra)
- windows下设置PHP环境变量
- BSGS算法及其扩展
- Linux基础命令---文本显示tac
- matlab绘制实用日历实例代码
- java框架---->;zxing框架的使用
- 【OpenCV入门教程之十四】OpenCV霍夫变换:霍夫线变换,霍夫圆变换合辑