【1 listening 청취 이벤트 추가
코드 사본은 다음과 같습니다.
addHandler : 함수 (노드, 유형, fn) {if (node.addeventListener) {
node.addeventListener (type, fn, false); // 거품 이벤트로 설정됩니다
}
또 다른{
node.attachevent ( 'on'+type, function () {
fn.apply (노드, 인수); // 첨부 이벤트 메소드에서는 노드를 가리키지 않으므로 apply () 메소드를 사용하여 변경해야합니다.
});
}
}
【2 the 요소의 스타일을 설정합니다
코드 사본은 다음과 같습니다.
setcss : function (node, val) {// val : { 'top': '2px', 'font-size': '12px'}
for (var in val) {
node.style.csstext += ';' +v +':' +val [v]; // CSSTEXT를 사용하여 여러 속성을 동시에 설정하며 CSSFLOAT 및 StyleFloat의 판단을 피할 수있는 이점도 있습니다.
}
}
【3 the CSS 클래스 이름 요소를 얻습니다
코드 사본은 다음과 같습니다.
// 부모는 선택적 매개 변수입니다.
GetByClassName : function (className, Parent) {
var elem = [],
node = parent! = undefined && parent.nodetype == 1? parent.getElementsByTagName ( '*') : document.getElementsByTagName ( '*'),
p = new regexp ( "(^| // s)"+className+"(// s | $)");
for (var n = 0, i = node.length; n <i; n ++) {
if (p.test (node [n] .className)) {
elem.push (노드 [n]);
}
}
귀환 엘렘;
}
CSS 클래스 이름을 삭제합니다
코드 사본은 다음과 같습니다.
RemoveClassName : 함수 (노드, 클래스 이름) {
var par = new regexp (classname, 'g');
node.classname = node.classname.replace (par, '');
}
위의 4는 내가 컴파일 된 기본 JS 기능이며 자주 사용해야합니다. 나는 그들을 친구들에게 추천합니다. 나는 그들이 모두에게 도움이되기를 바랍니다.