获取DOM对象的几种扩展及简写_Javascript教程-查字典教程网
获取DOM对象的几种扩展及简写
获取DOM对象的几种扩展及简写
发布时间:2016-12-30 来源:查字典编辑
摘要:参照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);

};

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类