DOM 객체_javascript 기술의 여러 확장 및 약어 가져오기

프로토타입.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 var child = children
var classNames = child.className.split(' ');
for (var j = 0; j if (classNames[j] == className) {
elements.push(child);
break;
}
}
}
return elements
}

document.getElementsByType = function(sTypeValue ,oBox) {
//HTML 블록 내의 특정 유형에 속하는 모든 HTML 요소(예: 입력, 스크립트, 링크 등)를 가져오는 데 적합합니다.
this.d= oBox || = this.d.getElementsByTagName('*') || document.all;
var elements = new Array()
for (var ii = 0; ii if (children[ii].type == sTypeValue) { elements.push(children[ii])
}
}
return elements; function $() {
var elements = new Array();
for (var ii = 0; ii var element = 인수[ii]
if (typeof 요소 == 'string')
element = document.getElementById(element);
if (arguments.length == 1) return element;
elements.push (element); 🎜>}
요소 반환
}

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


$Type = 함수(s,o){
return document.getElementsByType(s,o)
}

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

$Name = function(s){ //이름으로만 가능 전체 문서에 사용되며 해당 범위로 제한할 수 없습니다.
return document.getElementsByName(s)
};