悠悠博客 关注Ajax技术与web开发

语法：
arrElements = object . getElementsByTagName ( sTagName )
参数：
sTagName :　 必选项。字符串(String)。

返回值：
arrElements :　 数组(Array)。如果无符合条件的对象，则返回空数组。

说明：
在 object 中获取并返回标记名称等于 sTagName 的一组对象的引用。
该DOM方法等同于DHTML Object Model的 all 集合的 tags 方法。
<script>
function rdl_getTags(){
event.cancelBubble=true;
var oWorkItem=event.srcElement;
var aReturn=oWorkItem.parentElement.getElementsByTagName("li");
document.all("id_info").innerHTML="您选定的列表内有项目: <span style=\"color:#FF3300;\">"+aReturn.length.toString()+"<\/span> 个<br>"+"它的第一个列表项目是: <span style=\"color:#FF3300;\">"+aReturn[0].childNodes[0].nodeValue+"<\/span>";window.resizeTo(436,360);
}
function rdl_hoverLI(){
event.cancelBubble=true;
with (event.srcElement) {if (tagName.toLowerCase()=="li") style.color="#003399";}
}
function rdl_outsideLI(){
event.cancelBubble=true;
with (event.srcElement) {if (tagName.toLowerCase()=="li") style.color="#000000";}
}
</script>


<ul onclick="rdl_getTags();" style="cursor:default;" onmouseover="rdl_hoverLI();" onmouseout="rdl_outsideLI();">
<li>列表项目1
<ul>
<li>列表项目1-1
<ul>
<li>列表项目1-1-1
<li>列表项目1-1-2
</ul>
<li>列表项目1-2
<li>列表项目1-3
</ul>
<li>列表项目2
<ul>
<li>列表项目2-1
<li>列表项目2-2
</ul>
<li>列表项目3
</ul>
<span id=id_info></span>