纯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的,应该元素默认是显示的。