手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >获取DOM对象的几种扩展及简写
获取DOM对象的几种扩展及简写
摘要:参照prototype.js中getElementsByClassName的思想,扩展出几种在DEOM操作中可经常用到的获取对象的方法,使用...

参照prototype.js中getElementsByClassName的思想,扩展出几种在DEOM操作中可经常用到的获取对象的方法,使用获取对象变得更方便、更精确了:

document.getElementsByClassName=function(className,oBox){

//适用于获取某个HTML区块内部含有某一特定className的所有HTML元素

this.d=oBox||document;

varchildren=this.d.getElementsByTagName('*')||document.all;

varelements=newArray();

for(varii=0;ii<children.length;ii++){

varchild=children[ii];

varclassNames=child.className.split('');

for(varj=0;j<classNames.length;j++){

if(classNames[j]==className){

elements.push(child);

break;

}

}

}

returnelements;

}

document.getElementsByType=function(sTypeValue,oBox){

//适用于获取某个HTML区块内部同属于某一特定type的所有HTML元素,如:input,script,link等等

this.d=oBox||document;

varchildren=this.d.getElementsByTagName('*')||document.all;

varelements=newArray();

for(varii=0;ii<children.length;ii++){

if(children[ii].type==sTypeValue){

elements.push(children[ii]);

}

}

returnelements;

}

function$(){

varelements=newArray();

for(varii=0;ii<arguments.length;ii++){

varelement=arguments[ii];

if(typeofelement=='string')

element=document.getElementById(element);

if(arguments.length==1)

returnelement;

elements.push(element);

}

returnelements;

}

$Cls=function(s,o){

returndocument.getElementsByClassName(s,o);

};

$Type=function(s,o){

returndocument.getElementsByType(s,o);

};

$Tag=function(s,o){

this.d=o||document;

returnthis.d.getElementsByTagName(s);

};

$Name=function(s){//通过name的方式只能针对整个document而言,不能为其限定范围

returndocument.getElementsByName(s);

};

【获取DOM对象的几种扩展及简写】相关文章:

js获取页面description的方法

JQuery使用index方法获取Jquery对象数组下标的方法

js获取滚动距离的方法

JS对字符串编码的几种方式使用

js获取字符串字节数方法小结

优化RequireJS项目的相关技巧总结

如何遍历对象的属性?

jQuery获取页面元素绝对与相对位置的方法

JS创建对象几种不同方法详解

javascript获取select值的方法分析

精品推荐
分类导航