纯js点击隐藏相邻节点

<div>文字内容</div>
<div><a id="btn">隐藏</a></div>

<script type="text/javascript">
var btn=document.getElementById('btn');
btn.onclick=function hid(){
    var parent=this.parentNode;
    if(parent.previousElementSibling){
        parent.previousElementSibling.style.display='none';
    }else {
        parent.previousSibling.style.display='none';    
    }
    return false;
}
</script>

注：相应的知识的父节点是parentNode，然后针对previousSibling做一个兼容处理

标准的浏览器previousSibling会把回车当成一个空白的文本节点，即nodeType==3

帮用previousElements代替，而针对ie做一个if兼容处理

display=‘’的时候其实是相当于dispaly=block的，应该元素默认是显示的。