实现好友列表的显示以及隐藏
来源：互联网 发布：自学java经典书籍推荐 编辑：程序博客网 时间：2024/05/18 01:13
<!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=utf-8" /><title>无标题文档</title></head><script>function demo(node){var par=node.parentNode;var tanode=par.getElementsByTagName("table")[0];//alert(tanode.nodeName);//node.nodeName//node;//alert(node.nodeName);if(tanode.className=="open")tanode.className="close";elsetanode.className="open";}</script><style>.close{display:none;}.open{visibility:visible;}A:link,A:visited{color:#903;text-decoration:none;}</style><body><div><a href="javascript:void(0)" onclick="demo(this)">好友列表</a><table class="open" id="tab1" border="2" bordercolor="#00FF99" cellspacing="0" width="10%"><tr><td>好友1</td></tr><tr><td>好友2</td><tr><td>好友3</td></tr></tr></table></div><div><a href="javascript:void(0)" onclick="demo(this)">好友列表</a><table class="open" id="tab1" border="2" bordercolor="#00FF99" cellspacing="0" width="10%"><tr><td>好友1</td></tr><tr><td>好友2</td><tr><td>好友3</td></tr></tr></table></div><div><a href="javascript:void(0)" onclick="demo(this)">好友列表</a><table class="open" id="tab1" border="2" bordercolor="#00FF99" cellspacing="0" width="10%"><tr><td>好友1</td></tr><tr><td>好友2</td><tr><td>好友3</td></tr></tr></table></div></body></html>
