如何关闭父层div

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml" >
<head >
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" / >
<title >title </title >
<script type="text/javascript" >
function closediv1(){
var pp  =  document.getElementById("pp"); pp.onclick = function(){
this.parentNode.style.display = "none";
}
} </script>
</head >
<body onload="closediv1()">
<div >
   <h1 >h1 </h1 >
   <span id="pp">closediv </span >
   <p >This is a test. </p >
</div >
</body >
</html >