<html>
<body>
<table>
<tr><td>1</td><td>树木1</td><tr>
<tr><td>2</td><td>树木2</td><tr>
<tr style="cursor:hand;"  ><td  valign=top>3</td><td id="test"><div onclick='opentree()'>树木3</div></td><tr>
</table>
</body>
</html>
<script language="javascript">
function opentree()
{

document.all.test.innerHTML = "<table><tr><td onclick='javascript:closetree()'>树木3</td><tr><tr><td>1</td><td>叶子</td><tr></table>"
}
function closetree()
{
document.all.test.innerHTML ="<div onclick='opentree()'>树木3</div>";
}
</script>这段代码简单了一点,大致思路就是这样,通过innerHTML代替就可以实现了,当然这是最简单的方法。你可以自己试试看这段代码,我刚写的一棵树也是这么做的!