获取DOM对象的几种扩展及简写

俩爸爸

俩爸爸

2016-02-19 12:01

今天图老师小编给大家精心推荐个获取DOM对象的几种扩展及简写教程,一起来看看过程究竟如何进行吧!喜欢还请点个赞哦~
参照prototype.js中getElementsByClassName的思想,扩展出几种在DEOM操作中可经常用到的获取对象的方法,使用获取对象变得更方便、更精确了:
document.getElementsByClassName = function(className,oBox) {
//适用于获取某个HTML区块内部含有某一特定className的所有HTML元素
this.d= oBox || document;
var children = this.d.getElementsByTagName('*') || document.all;
var elements = new Array();
for (var ii = 0; ii  children.length; ii++) {
var child = children[ii];
var classNames = child.className.split(' ');
for (var j = 0; j  classNames.length; j++) {
if (classNames[j] == className) {
elements.push(child);
break;
}
}
}
return elements;
}

document.getElementsByType = function(sTypeValue,oBox) {
//适用于获取某个HTML区块内部同属于某一特定type的所有HTML元素,如:input,script,link等等
this.d= oBox || document;
var children = this.d.getElementsByTagName('*') || document.all;
var elements = new Array();
for (var ii = 0; ii  children.length; ii++) {
if (children[ii].type == sTypeValue) {
elements.push(children[ii]);
}
}
return elements;
}

function $() {
var elements = new Array();
for (var ii = 0; ii  arguments.length; ii++) {
var element = arguments[ii];
if (typeof element == 'string')
element = document.getElementById(element);
if (arguments.length == 1)
return element;
elements.push(element);
}
return elements;
}

$Cls = function (s,o){
return document.getElementsByClassName(s,o);
};

$Type = function (s,o){
return document.getElementsByType(s,o);
};

$Tag = function (s,o){
this.d=o || document;
return this.d.getElementsByTagName(s);
};

$Name = function (s){ //通过name的方式只能针对整个document而言,不能为其限定范围
return document.getElementsByName(s);
}; 
展开更多 50%)
分享

猜你喜欢

获取DOM对象的几种扩展及简写

Web开发
获取DOM对象的几种扩展及简写

JQUERY 对象与DOM对象之转换

Web开发
JQUERY 对象与DOM对象之转换

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Prototype框架是怎样扩展DOM的

Web开发
Prototype框架是怎样扩展DOM的

jQuery对象与DOM对象之间的转换方法

Web开发
jQuery对象与DOM对象之间的转换方法

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

jQuery对象和DOM对象相互转化

Web开发
jQuery对象和DOM对象相互转化

使用XMLHttpRequest与DOM对象

Web开发
使用XMLHttpRequest与DOM对象

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

滚动经典最新话题[prototype框架]下编写

滚动经典最新话题[prototype框架]下编写

Ajax Blog 用到的几个函数

Ajax Blog 用到的几个函数
下拉加载更多内容 ↓