JS案例: 删除当前页面上所有的水平线

来自CloudWiki
跳转至： 导航， 搜索 
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>删除页面上的水平线元素示例</title>
</head>
<body>
<h1>JavaScript程序设计</h1>
<hr />
<h2>什么是JavaScript</h2>
<p>JavaScript是一门基于对象和事件驱动员的嵌入式脚本语言</p>
<hr />
<h2>第一部分 JavaScript概述</h2>
<p>JavaScript的发展历史</p>
<input type="button" value="删除水平线" onclick="delhr()"/>
<script type="text/javascript">
function delhr()
{
	var hrs = document.getElementsByTagName("hr");//获取所有 <hr> 元素 
  	for(var i=hrs.length-1;i>=0;i--){
		//依次获取水平线元素节点
		var hr=hrs[i];
		//使用其父元素的删除方法进行删除
		hr.parentNode.removeChild(hr);
	   }
}
</script>
</body>
</html>
取自“http://www.openbrains.net/mediawiki/index.php?title=JS案例:_删除当前页面上所有的水平线&oldid=16248”