实现树状显示隐藏表格效果

<div onclick=change(this)>+父节点</div>
<table id="a" style="display:none" border=0><tr><td>&nbsp;|- 子节点

1</td></tr><tr><td>&nbsp;|- 子节点2</td></tr><tr><td>&nbsp;|- 子节点3</td></tr></table>
<script>
function change(obj)
{
obj.innerText="-父节点";
if(document.getElementById("a").style.display==\'none\')
{
document.getElementById("a").style.display=\'\';}
else
{
obj.innerText="+父节点";
document.getElementById("a").style.display=\'none\';}
}
</script>
<br>