« 域名后缀.CC与.CN以及.COM有何区别javascript比较操作符 [js操作符五 ajaxstu.com] »

tags方法

语法:
oElements = object . tags ( sTagName )
参数:
sTagName :  必选项。字符串(String)。

返回值:
oElements :  数组(Array)。

说明:
在 object 中获取并返回标记名称等于 sTagName 的一组对象的引用。
该 DHTML 方法等同于 DOM 的 getElementsByTagName 方法。
如果无符合条件的对象,则返回空数组。
示例:
var aReturn=event.srcElement.parentElement.all.tags("a");

<script>
function rdl_getTags(){
event.cancelBubble=true;
var oWorkItem=event.srcElement;
var aReturn=oWorkItem.parentElement.all.tags("li");
var iChilds=oWorkItem.parentElement.children.tags("li").length;
document.all("id_info").innerHTML="您选定的列表内有项目: <span style=\"color:#FF3300;\">"+aReturn.length.toString()+"<\/span> 个<br>"+"与选定项目同一级的有: <span style=\"color:#FF3300;\">"+iChilds.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>

原创文章如转载,请注明:转载自悠悠博客 [ http://www.ajaxstu.com/ ]

相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。