JS脚本错误

<!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>DOM</title>
<script type="text/javascript">
window.onload=function(){
//获取id="bj"子元素节点
var bjNode=document.getElementsById("bj");
//获取id="hsjj"子元素节点
var hsjjNode=document.getElementById("hsjj");
//添加到指定子元素节点前面
insertAfter(hsjjNode.bjNode);
function insertAfter(newNode,refNode){
//确定refNode时候为指定子元素节点的父节点最后一个子节点
var refNodeparent=refNode.parentNode;
if(refNodeparent){
//若是，直接把newNode插入到refNode父节点的最后一个子节点
var lastChild=refNodeparent.lastChild;
if(refNode==lastChild){
refNodeparent.appendChild(newNode);
}else{
//若不是，获取refNode的下一个兄弟节点，然后插入到该兄弟节点的前面
var nextNode=refNode.nextSibling;
refNodeparent.insertBefore(newNode,nextNode);
}
}
}

}
</script>
</head>

<body>
<p>你喜欢那个城市</p>
<ul id="city">
<li id="bj">北京市</li>
<li>天津市</li>
<li>上海市</li>
<li>重庆市</li>
</ul>
<p>你喜欢那个游戏</p>
<ul id="game">
<li id="hsjj">红色警戒</li>
<li>天龙八部</li>
<li>罪恶都市</li>
<li>反恐精英</li>
</ul>

<form name="form1" action="">
<input type="radio" name="type" value="city1" />城市
<input type="radio" name="type" value="game2" />游戏

name：<input type="text" name="name" />

<input type="submit" value="Submit" id="submit" />
</form>
</body>
</html>



运行后显示：parentNode属性未定义，这个不是就有吗