请高手指点几个不明白的地方！

[recentday]

1、document.all是什么意思呢？
2、我曾看到一句话，<img src="images/tree.gif" class="outline" style="cursor:hand">,其中"outline"是什么意思呢？
3、window.evet.srcElement是什么意思呢？
这几个问题我在图书馆找html的书，但是没有查找到呀！
希望各位高手帮帮忙了！
谢谢！

[yx360]

1.当前页面里的所有内容
2.指的是链接的OUTLIN哪个CSS样式表
3.应该是指发生页面事件的事件源吧，不确定

[tsstudio]

第二个换句话说应该是给那个图片起个叫outline的css名字，然后去css表中搜索叫outline的样式，并把样式赋给这个图片

[recentday]

楼上的兄弟说“然后去css表中搜索叫outline的样式”，难道css中已经存在outline的样式吗？“outline”在下面的这个程序里，请再解释一下好吗？
还有，下面程序里的class="small" 是什么意思呢？
我还遇到了div、span这个标记，什么时候用这个标记呢，它们是做什么用呢？
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
<a href="javascript:expandAll(document.getElementById('aaa'));">全部展开</a>
<a href="javascript:hidAll(document.getElementById('aaa'));">全部关闭</a>


<table class="small" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>

<img src="images/tree_first.gif" id="MEMU_01" class="outline" style="cursor:hand">

</td>
<td colspan="3"><a href="#A" onclick="MEMU_01.click();" > 主菜单</a></td>
</tr>
</table>
<table border="0" width="100%" cellspacing="0" cellpadding="0" align="center" id=aaa>
<tr>
<td>
<table class="small" border="0" cellspacing="0" cellpadding="0" id="MEMU_01d" style="display:none">
<tr><td>
<table class="small" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/tree_transp.gif" border="0"></td>
<td><img src="images/tree_plus.gif" id="MEMU_0104" class="outline" style="cursor:hand"></td>
<td colspan="2"><a href="#A" onclick="MEMU_0104.click();"> 我的电脑</a></td>
</tr>
</table>
<table class="small" border="0" cellspacing="0" cellpadding="0" id="MEMU_0104d" style="display:none">
<tr>
<td>

<table class="small" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/tree_transp.gif"></td>
<td><img src="images/tree_line.gif" border="0"></td>
<td><img src="images/tree_blank.gif"></td>
<td colspan="2"> 磁盘C</td>
</tr>
</table>

<table class="small" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/tree_transp.gif"></td>
<td><img src="images/tree_line.gif" border="0"></td>
<td><img src="images/tree_blank.gif"></td>
<td colspan="2"> 磁盘D</a></td>
</tr>
</table>

</td>
</tr>
</table>

<table class="small" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/tree_transp.gif" border="0"></td>
<td><img src="images/tree_blank.gif"></td>
<td colspan="2"><a href="#"> 网上邻居</a></td>
</tr>
</table>

</td>
</tr>
</table>

<script language="JavaScript">
var obj = '';
var openedid;
var openedid_ft;
var flag=0,sflag=0;

function clickHandler()
{
var targetid,srcelement,targetelement;
var strbuf;
srcelement=window.event.srcElement;

//-------- 如果点击了展开或收缩按钮---------
if(srcelement.className=="outline")
{
targetid=srcelement.id+"d";
targetelement=document.all(targetid);
if (targetelement.style.display=="none")
{
targetelement.style.display='';
strbuf=srcelement.src;
if(strbuf.indexOf("plus.gif")>-1)
srcelement.src="images/tree_minus.gif";
else
srcelement.src="images/tree_minusl.gif";
}
else
{
targetelement.style.display="none";
strbuf=srcelement.src;
if(strbuf.indexOf("minus.gif")>-1)
srcelement.src="images/tree_first.gif";
else
srcelement.src="images/tree_first.gif";
}
}
}

function expandAll(entity)
{
for (var i=0; i <entity.childNodes.length; i++) {
if (entity.childNodes(i).tagName == "TABLE") {
entity.childNodes(i).style.display = '';
}
expandAll(entity.childNodes(i));
}
}
function hidAll(entity)
{
for (var i=0; i <entity.childNodes.length; i++) {
if (entity.childNodes(i).tagName == "TABLE") {
entity.childNodes(i).style.display = "none";
}
hidAll(entity.childNodes(i));
}
}

document.onclick = clickHandler;

</script>

[yaray]

还的再看看书啊

[recentday]

但是现在的书大部分介绍的都是初级的知识呀。

[recentday]

虽然你们没有回答，但是我还是结帐算了，因为我实在找不到合适的书来解决这些问题，所以过来问大家！谢谢大家！