javascript取出当前元素的父级元素问题

我有这么一个html
<div class="menubar">
<ul class="fl">
<li><a href="#" class="nopp">剪切</a> <a href="#">复制</a> <a href="#">粘贴</a> <a href="#">删除</a> <a href="#">重命名</a></li>
<li><a href="#" target="#">WabDav查看<em> </em></a>
<ul>
<li><a href="#">WabDav编辑</a></li>
<li><a href="#">WabDav删除</a></li>
</ul>
</li>
<li><a href="#">检入</a> <a href="#">检出</a></li>
<li><a href="#" onclick="获得这个li中的ul标签">锁定文件<em> </em></a>
<ul>
<li><a href="#">解锁文件</a></li>
</ul>
</li>
<li><a href="#">新建文件</a> <a href="#">上传</a></li>
<li class="endli"><a href="#">列表方式<em> </em></a></li>
</ul>
<ul class="fr">
<li class="endli"><a href="#">当前文件夹搜索</a> | <a href="#">日志</a> <a href="#">刷新</a> <a href="#">返回上级</a></li>
</ul>
</div>

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<a href="#" onclick="alert(this.parentNode);">解锁文件</a>
<div id="parent"><input type="button" value="test" onclick="alert(this.parentNode.id);" /></div>
有问题啊，不行啊，提示错误，错误为“is null or not an object”
function showul(obj,son){
var obj = obj.parentNode.parentNode.getElementsByTagName(son);
var xobj = obj[0].getElementsByTagName('li');
if(obj[0].style){
obj[0].style.visibility = 'visible';
}
for(var i=0;i<xobj.length;i++){
xobj[i].onmouseover = function(){
obj[0].style.visibility = 'visible';
}
xobj[i].onmouseout = function(){
obj[0].style.visibility = 'hidden';
}
}
}
               <li><a href="#">WabDav查看<em onclick="showul(this,'ul')"> </em></a>
<ul>
<li><a href="#">WabDav编辑</a></li>
<li><a href="#">WabDav删除</a></li>
</ul>
</li>
已经实现了，谢谢各位的启发。